嗨,
我正在尝试在React-Native-Elements
Button组件中使用图标。我没有收到错误或警告,但最后只得到一个空按钮。
这是我的一些包含Button的代码:
<Col size={20}>
<Button icon={<Icon name="heart" color="#00aced"/>} size={30} buttonStyle={style.button}/>
</Col>
我希望有人可以帮助我,因为我不确定为什么它没有出现。
谢谢!
根据要求提供更多信息:
import { Button } from 'react-native-elements';
import Icon from 'react-native-vector-icons/FontAwesome';
const style = {
button: {
backgroundColor: '#6A5ACD',
borderRadius: 10,
justifyContent: 'center',
alignItems: 'center',
width: '100%',
height: '100%'
}
}
我还尝试了其他导入,例如Fontawesome。
答案 0 :(得分:3)
这对我有用: https://github.com/GeekyAnts/NativeBase/issues/138
运行
react-native link
react-native run-android
答案 1 :(得分:2)
对我来说,图标在IOS中显示完美,但在Android中却没有显示,但是
本机链接
成功了
答案 2 :(得分:0)
尝试一下:-
<Col size={20}>
<Button
icon={{name: 'envira', type: 'font-awesome'}}
size={30} buttonStyle={style.button}/>
</Col>
如果仍然无法获取图标,则必须安装“ react-native-vector-icons”
-- npm install react-native-vector-icons --save
-- react-native link