如何从react-native-vector-icons(反应本机)在我的ToolbarAndroid中显示矢量图标

DS_web_developer

这是我的简单本机页面:

'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不可用,您是否正确集成了模块?

DS_web_developer

正如@agent_hunt在评论中指出的那样,让我意识到我并没有遵守所有安装说明...我需要为我的android支架文件添加一些专门用于工具栏支持的设置。

现在可以了

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何从react-native-vector-icons(反应本机)在我的ToolbarAndroid中显示矢量图标

来自分类Dev

在安装react-native-vector-icons时反应本机iOS构建问题

来自分类Dev

react-native-vector-icons Android

来自分类Dev

图标未正确加载 react-native-vector-icons

来自分类Dev

React-native-vector-icons显示模糊的符号

来自分类Dev

如何反转反应本机矢量图标按钮的颜色?

来自分类Dev

如何将react-native-vector-icons链接到项目

来自分类Dev

如何在React Native Vector Icon中选择具有相同名称的图标

来自分类Dev

如何在React Native中显示图标?

来自分类Dev

React Native Android-如何在ToolBarAndroid中设置徽标图标?

来自分类Dev

React Native Android-如何在ToolBarAndroid中设置徽标图标?

来自分类Dev

使用可滚动选项卡视图时从React Native图标切换到React Native矢量图标

来自分类Dev

带有打字稿的react-native-vector-icons / MaterialIcons开玩笑快照测试错误

来自分类Dev

如何在React Native中安装React Native Maps?

来自分类Dev

如何显示React Native中的分数?

来自分类Dev

图标未在react-native中显示

来自分类Dev

React Native如何使图像全屏显示?

来自分类Dev

React Native,如何显示云存储的图像

来自分类Dev

如何使用React Native显示投票结果

来自分类Dev

如何使用React Native显示投票结果

来自分类Dev

React Native:我如何禁用按钮?

来自分类Dev

我如何嘲笑react-native-ibeacon

来自分类Dev

反应显示 X 而不是图标的本机矢量图标

来自分类Dev

如何在React Native中优化图像

来自分类Dev

React Native:如何禁用ListView中的滚动?

来自分类常见问题

如何在React Native中禁用旋转?

来自分类Dev

如何在React Native中渲染对象?

来自分类Dev

如何在React Native中删除警告

来自分类Dev

如何在React Native中传递对象?

Related 相关文章

  1. 1

    如何从react-native-vector-icons(反应本机)在我的ToolbarAndroid中显示矢量图标

  2. 2

    在安装react-native-vector-icons时反应本机iOS构建问题

  3. 3

    react-native-vector-icons Android

  4. 4

    图标未正确加载 react-native-vector-icons

  5. 5

    React-native-vector-icons显示模糊的符号

  6. 6

    如何反转反应本机矢量图标按钮的颜色?

  7. 7

    如何将react-native-vector-icons链接到项目

  8. 8

    如何在React Native Vector Icon中选择具有相同名称的图标

  9. 9

    如何在React Native中显示图标?

  10. 10

    React Native Android-如何在ToolBarAndroid中设置徽标图标?

  11. 11

    React Native Android-如何在ToolBarAndroid中设置徽标图标?

  12. 12

    使用可滚动选项卡视图时从React Native图标切换到React Native矢量图标

  13. 13

    带有打字稿的react-native-vector-icons / MaterialIcons开玩笑快照测试错误

  14. 14

    如何在React Native中安装React Native Maps?

  15. 15

    如何显示React Native中的分数?

  16. 16

    图标未在react-native中显示

  17. 17

    React Native如何使图像全屏显示?

  18. 18

    React Native,如何显示云存储的图像

  19. 19

    如何使用React Native显示投票结果

  20. 20

    如何使用React Native显示投票结果

  21. 21

    React Native:我如何禁用按钮?

  22. 22

    我如何嘲笑react-native-ibeacon

  23. 23

    反应显示 X 而不是图标的本机矢量图标

  24. 24

    如何在React Native中优化图像

  25. 25

    React Native:如何禁用ListView中的滚动?

  26. 26

    如何在React Native中禁用旋转?

  27. 27

    如何在React Native中渲染对象?

  28. 28

    如何在React Native中删除警告

  29. 29

    如何在React Native中传递对象?

热门标签

归档