问题遇到的现象和发生背景
react native 的第三方插件 react-native-paper 中说明使用的是react-native-vector-icons 的图标,但是我已经把两个库都引进项目了,可是当我是要使用 react-native-paper 中的 TextInput组件时,为其设置左部使用react-native-vector-icons图标时报错。
这是 react-native-paper的官方说明,
问题相关代码,请勿粘贴截图
import {TextInput} from 'react-native-paper';
<TextInput
placeholder={"USER"}
right={<TextInputIcon name={"user"} />}
style={style.input}
onChangeText={(password)=>{setPassword(password)}}
/>
运行结果及报错内容
我的解答思路和尝试过的方法
我尝试过将TextInput中的 <TextInputIcon name={"user"} />改成其他组件
import Icons from 'react-native-vector-icons/FontAwesome';
<TextInput
placeholder={"USER"}
right={<Icons name={"user"}/>}
style={style.input}
onChangeText={(password)=>{setPassword(password)}}
/>
可是,还是没有图标显示出来