文章/答案/技术大牛

发布

社区首页 >问答首页 >如何在React Native中的初始<FontAwesomeIcon />调用之外更改FontAwesomeIcon属性？

问如何在React Native中的初始<FontAwesomeIcon />调用之外更改FontAwesomeIcon属性？
EN

Stack Overflow用户

提问于 2021-10-12 04:50:32

回答 2查看 20关注 0票数 0

我目前有一个模式，用户可以从一个很大的图标扁平列表中选择。所有都有尺寸：'45‘和颜色：’白色‘。当用户选择一个图标时，模式关闭，他们选择的图标出现在卡片上(此功能允许用户创建自定义卡片)。

然后我有一个功能，允许用户在卡片上将线条颜色从白色更改为黑色，反之亦然，以与他们选择的背景颜色形成对比。我也希望图标的颜色随着线条的变化而改变，但我找不到解决方案！图标对象本身是只读的，使用StyleSheet似乎只在原始调用中引用它时才应用样式，如下所示：

<FontAwesomeIcon icon={archive} style = {styles.text} />

我似乎不能在样式视图中包装它，然后从那里更改样式。

对如何改变颜色有什么想法吗？我问的时候尺码是多少？

size

font-awesome

react-native

colors

回答 2

Stack Overflow用户

发布于 2021-10-12 08:20:33

您可以像这样创建状态：

const [style,setStyle]=useState()

您可以使用用户颜色更改状态，并将其应用于FontAwesome图标

<FontAwesomeIcon icon={archive} style = {style} />

票数 0

Stack Overflow用户

发布于 2021-10-12 14:56:18

谢谢你的回答！我最终创建了一个要引用的库，并且只传递了库的前缀(fab，far，fas)和图标名称(coffee，archive，wifi)。然后使用：

<FontAwesomeIcon icon={[icon.props.icon[0], icon.props.icon[1]]} style ={blabla} size = {blabla} />

这意味着我现在可以随心所欲地操纵大小和颜色了！非常方便。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/69535217

复制

相似问题

问如何在React Native中的初始<FontAwesomeIcon />调用之外更改FontAwesomeIcon属性？
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在React Native中的初始<FontAwesomeIcon />调用之外更改FontAwesomeIcon属性？EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在React Native中的初始<FontAwesomeIcon />调用之外更改FontAwesomeIcon属性？
EN