Question

这是我简单的反应原生页面：

'use strict';

import React, { Component } from 'react';

import {
    AppRegistry,
    StyleSheet,
    ToolbarAndroid
} from 'react-native';

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


class myapp extends Component {
    render() {
        return (
            <ToolbarAndroid
                title="AwesomeApp"
                navIconName="md-arrow-back"
                actions={[
                    {
                        title: 'Settings',
                        iconName: 'md-cog',
                        show: 'always'
                    }
                ]}
                style={styles.toolbar}
            />
        );
    }
}

var styles = StyleSheet.create({
    toolbar: {
        backgroundColor: '#e9eaed',
        height: 56
    }
});

AppRegistry.registerComponent('myapp', () => myapp);

我没有得到任何人......

找不到任何足够简单的例子来理解如何使用图标

我也尝试了

<Icon.ToolbarAndroid ...

我收到此错误：

RNVectorIconsModule不可用，你是否正确整合了模块？

Answer 1

正如@agent_hunt在评论中指出的那样，让我意识到我没有按照所有安装说明进行操作......我需要在我的安卓底座文件中添加一些专门用于工具栏支持的设置。

现在可行了

如何通过react-native-vector-icons显示我的ToolbarAndroid中的矢量图标（本机反应）

1 个答案: