Question

我正在尝试使用来自react-native-vector-icons ToolbarAndroid的反应原生的Icon.ToolbarAndroid。但是我收到了这个错误：

RNVectorIconsModule不可用，您是否正确集成了该模块？

我已安装rnpm也rnpm link已成功完成。

我认为我已经正确地集成了该模块，因为这段代码适用于我从react-native-vector-icons/Ionicons获取图标的地方：

（WORKING）

import Icon from 'react-native-vector-icons/Ionicons';

const searchIcon = (<Icon name="md-search" size={30} color="#4F8EF7" />)
const menuIcon =  (<Icon name="md-menu" size={30} color="#4F8EF7" />)
const notificationIcon =  (<Icon name="md-notifications-outline" size={30} color="#4F8EF7" />)

export default class Header extends Component {
    render() {
        return(
            <View>
                <Text>{searchIcon}</Text>
                <Text>{menuIcon}</Text>
                <Text>{notificationIcon}</Text>
            </View>
        )
    }
}

但是这段代码不起作用：

（不工作）

import Icon from 'react-native-vector-icons/Ionicons';

export default class Header extends Component {
    render() {
        return(
            <Icon.ToolbarAndroid
                title="Home"
                titleColor="white"
                navIconName="md-search"
                actions={[
                    { title: 'Settings', iconName: 'md-menu', iconSize: 30, show: 'always' },
                    { title: 'Follow me on Twitter', iconName: 'md-notifications-outline', iconColor: "#4099FF", show: 'ifRoom' },
                ]}
                overflowIconName="md-more"
            />
        )
    }
}

我很反应原生，所以我可能做错了什么？请你帮帮我解决一下。谢谢。

Answer 1

正如您可能已经看到的那样（我也在Github上看到了您的消息），完整的说明在此处：https://github.com/oblador/react-native-vector-icons#integrating-library-for-getimagesource-and-toolbarandroid-support

我和你的问题一样。通过完成说明，我成功地使其成功。

我不会复制说明，而是澄清：

1）修改android/settings.gradle
2）编辑android/app/build.gradle
3）编辑MainApplication.java

导入ToolbarAndroid图标时出错

1 个答案: