Reactjs react native-失败的道具类型:提供给`FontAwesomeIcon`的道具`style`无效`

Reactjs react native-失败的道具类型:提供给`FontAwesomeIcon`的道具`style`无效`,reactjs,react-native,font-awesome,Reactjs,React Native,Font Awesome,我在App.js中的代码 import * as React from 'react' import { View } from 'react-native' import { FontAwesomeIcon } from '@fortawesome/react-native-fontawesome' import { library } from '@fortawesome/fontawesome-svg-core' import { faEllipsisV } from '@fortawes

我在App.js中的代码

import * as React from 'react'
import { View } from 'react-native'
import { FontAwesomeIcon } from '@fortawesome/react-native-fontawesome'
import { library } from '@fortawesome/fontawesome-svg-core'
import { faEllipsisV } from '@fortawesome/free-solid-svg-icons'
library.add(faEllipsisV)

export default function App() {
  return (
    <View>
      <FontAwesomeIcon icon="ellipsis-v" style={styles.moreOptions} />
    </View>
  )
}

const styles = StyleSheet.create({
    moreOptions: {
        fontSize: 5,
        color: primary,
    },
})
import*作为来自“React”的React
从“react native”导入{View}
从“@fortawesome/react-native-fontawesome”导入{FontAwesomeIcon}
从“@fortawesome/fontawesome svg核心”导入{library}
从“@fortawesome/free solid svg icons”导入{faEllipsisV}
library.add(faEllipsisV)
导出默认函数App(){
返回(
)
}
const styles=StyleSheet.create({
更多选项:{
字体大小:5,
颜色:原色,
},
})
发出以下警告:

警告:失败的道具类型:提供给的道具
样式
无效
FontAwesomeIcon
。 在FontAwesomeIcon中(位于App.js:44) 应用程序内(位于WithExpoot.web.js:10) 在ExpootComponent中(位于registerRotComponent.web.js:6) 根组件中的 在div中(由视图创建) 视图中(由AppContainer创建) 在div中(由视图创建) 视图中(由AppContainer创建) 在AppContainer中

但这里有一种风格。如何解决这个问题


顺便说一句,
color
虽然有警告,但
fontSize
不起作用。

我认为
fontaweomeicon
本身不是一个RN
文本
组件,因此fontSize不是一个可接受的道具


改为使用

@kodfire根据文档和samuli所说,FontAwesome确实支持样式表,但它只接受颜色作为其参数,而不接受其他参数。如果要更改大小,请使用
size
而不是传递
fontSize

检查文件

import React,{Component}来自“React”
从“react native”导入{视图,样式表}
从“@fortawesome/react-native-fontawesome”导入{FontAwesomeIcon}
从“@fortawesome/free solid svg icons”导入{faCoffee}
类型Props={}
const style=StyleSheet.create({
图标:{
颜色:“蓝色”
}
})
导出默认类应用程序扩展组件{
render(){
返回(
)
}
}

如果有任何问题,请回复。

因此
颜色:“红色”
不应在样式表中工作,但它可以工作!所以,当颜色起作用时,字体大小也应该起作用。但第二个问题是,我想将一些其他样式应用到<代码> FontAwesomeIcon <代码>中,但它返回控制台中的警告:失败的PROP类型:无效的PROP>代码>样式< /代码>提供给<代码> FontAwesomeIcon < /代码>如果我考虑使用<代码>大小={ 5 } <代码>而不是<代码>样式{{ftOnthSe:5 } }/Cord>并使用<代码>颜色=“红色”
而不是
style={{color:'red'}}
,但是我应该如何处理要应用于元素的其他样式呢?比如填充物等等?当我使用
样式时
道具警告仍然存在。使用父元素(如ViewIt)将其包装,它已经在使用另一个元素。我想自己去做。
import React, { Component } from 'react'
import { View, StyleSheet } from 'react-native'
import { FontAwesomeIcon } from '@fortawesome/react-native-fontawesome'
import { faCoffee } from '@fortawesome/free-solid-svg-icons'


type Props = {}

const style = StyleSheet.create({
  icon: {
    color: 'blue'
  }
})

export default class App extends Component<Props> {
  render() {
    return (
      <View>
        <FontAwesomeIcon icon={ faCoffee } style={ style.icon } size={32}/>
      </View>
    )
  }
}