React Native Elements图标未显示在按钮上

kmb7vmvb  于 2023-06-06  发布在  React
关注(0)|答案(5)|浏览(341)

你好

我尝试在React-Native-ElementsButton组件中使用Icon。我没有得到错误或警告,但我只是结束了一个空按钮。
下面是我的一些包含按钮的代码:

<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。

l7wslrjt

l7wslrjt1#

试试这个:--

<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
kxkpmulp

kxkpmulp2#

这对我很有效:https://github.com/GeekyAnts/NativeBase/issues/138
快跑

react-native link
react-native run-android
vhipe2zx

vhipe2zx3#

对我来说,图标在iOS中显示得很完美,但在Android中却没有显示,但

react-native link

成功了

ss2ws0br

ss2ws0br4#

此问题是由react-native链接的过时/旧版本引起的。
修复:打开android/app/build.gradle并添加以下内容:

apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"
9wbgstp7

9wbgstp75#

使其箭头功能。这工作对我来说

icon={() => <Icon name="chevron-thin-down" size={18} />}

相关问题