0

我正在尝试使用ToolbarAndroidreact -native-vector-icons中的react-native Icon.ToolbarAndroid。但我收到此错误：

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

我也安装rnpm了rnpm link，成功完成。

而且我认为我已经正确集成了该模块，因为此代码适用于我从以下位置获取图标的位置react-native-vector-icons/Ionicons：

（在职的）

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"
            />
        )
    }
}

我对 react-native 很陌生，所以我可能做错了什么？请你帮我弄清楚。谢谢你。

4

1 回答 1

0

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

我和你有同样的问题。通过完成说明，我成功地使其工作。

我不会重复这些说明，但要澄清一下：

1) 编辑android/settings.gradle
2) 编辑android/app/build.gradle
3) 编辑你的MainApplication.java

于 2017-05-16T14:16:52.580 回答