0

react-native-vector-iconsのreact-nativeToolbarAndroidを使用しようとしています。しかし、私はこのエラーが発生しています: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"
            />
        )
    }
}

私は反応ネイティブに非常に慣れていないので、何か間違っているのでしょうか? それを理解するのを手伝ってくれませんか。ありがとうございました。

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 に答える