jjzjj

android - react native 矢量图标显示为问号

coder 2023-12-25 原文

我已经安装了 react-native v0.46 并安装了 NativeBase，但在组件中使用标签后，没有显示图标而是显示问号(Android 且未在 iOS 中测试)。

为了解决这个问题，我做了很多修改，如下所示:

  1. rnpm 链接
  2. react-native 链接 react-native-vector-icons
  3. NativeBase 安装指南:https://nativebase.io/docs/v0.3.0/getting-started
  4. https://github.com/oblador/react-native-vector-icons
  5. 我的 json 包文件: { "name": "杂志", “版本”:“0.0.1”， “私有(private)”:是的， “脚本”:{ “开始”:“节点 node_modules/react-native/local-cli/cli.js 开始”， “测试”:“笑话” }, “依赖”:{ “ native 基础”:“^2.3.1”， “ react ”:“16.0.0-alpha.12”， “ native react ”:“0.46.4”， “react-native-image-slider”:“^1.1.5” }, “devDependencies”:{ “通天笑话”:“20.0.3”， "babel-preset-react-native": "2.1.0", “开玩笑”:“20.0.4”， “ react 测试渲染器”:“16.0.0-alpha.12” }, “开玩笑”:{ “预设”:“ native react ” } }
  6. 以及我使用这些图标的组件:ios-arrow-left & navicon

我正在使用 Windows 10，Node v8.1.4，React-native-CLI v2.0.1

代码:

import React, { Component } from 'react';
import {
  AppRegistry,
} from 'react-native';
import {Container, Header, Title, Button, Icon} from 'native-base';

export default class CityMagazine extends Component {
  render() {
    return (
        <Container>
          <Header>
            <Button transparent>
              <Icon name="ios-arrow-left" />
            </Button>

            <Title>Header</Title>

            <Button transparent>
              <Icon name="navicon"/>
            </Button>
          </Header>
        </Container>
    );
  }
}

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

最佳答案

矢量图标由许多已知的库组成，因此您可能需要通过设置 Icon 的类型属性来指定您使用的库，如下所示:

<Icon type="EvilIcons" name="navicon"/>

关于android - react native 矢量图标显示为问号，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/45395734/

标显问号nativereactsectionandroidreact-native

有关android - react native 矢量图标显示为问号的更多相关文章

  1. 安卓apk修改(Android反编译apk) - 2

    最近因为项目需要，需要将Android手机系统自带的某个系统软件反编译并更改里面某个资源，并重新打包，签名生成新的自定义的apk，下面我来介绍一下我的实现过程。APK修改，分为以下几步：反编译解包,修改,重打包,修改签名等步骤。安卓apk修改准备工作1.系统配置好JavaJDK环境变量2.需要root权限的手机（针对系统自带apk,其他软件免root）3.Auto-Sign签名工具4.apktool工具安卓apk修改开始反编译本文拿Android系统里面的Settings.apk做demo,具体如何将apk获取出来在此就不过多介绍了，直接进入主题：按键win+R输入cmd，打开命令窗口，并将路

  2. ruby - 如何为名称以问号结尾的属性定义 setter？ - 2

    我正在尝试添加一个名为“已启用？”的属性吗？到同时具有getter和setter的模型。但是，当我执行以下操作时:defenabled?=value#..logicgoeshere..end我收到语法错误，意外的“?”，需要“\n”或“;”我应该怎么做？ 最佳答案 是的，ruby语法只允许?在方法名称中，如果它是最后一个字符，所以foo?=是无效的。您可以做的一件事是定义enabled?、enable和disable(或enable!和disable!如果你想强调它们是变异方法)。如果这不符合您的需求，您可以只将方法命名为enabl

  3. ruby - 在 Ruby 中，如何替换字符串中的问号字符？ - 2

    在Ruby中，我有:require'uri'foo="ettu,brutus?"bar=URI.encode(foo)#=>"et%20tu,%20brutus?"我试图让bar等于“et%20tu,%20brutus%3f”(“?”替换为“%3F”)当我尝试添加这个时:bar["?"]="%3f"“？”匹配所有内容，我得到=>"%3f"我试过了bar["\?"]bar['?']bar["/[?]"]bar["/[\?]"]还有一些其他的东西，都不起作用。 最佳答案 需要'cgi'并调用CGI.escape

  4. ruby-on-rails - 问号和冒号 - if else in ruby - 2

    您好，我有一个关于ruby​​onrails的问题显然我有这样的声明:defsort_columnProduct.column_names.include?(params[:sort])?params[:sort]:"name"end据我所知，据说此方法根据参数[:sort]对列进行排序，如果没有参数，产品将按“名称”排序。但是，我不明白这个语句的写法，尤其是第二个“？”。有人可以向我解释吗？ 最佳答案 这是您的代码，重新排列以便于理解。defsort_columncond=Product.column_names.include?

  5. ruby-on-rails - 从 Ruby on Rails 3.2.6 中 Paperclip 生成的文件中删除问号 - 2

    我正在使用Paperclip-FFMEG将视频文件上传到我的开发环境(并最终在我的项目投入生产时上传到本地服务器)。上传视频时，文件名默认如下:/system/modelnames/paperclipnames/.../mynewfile.mp4?xxxxxxxxxx我相信问号后面的10位数字是时间戳。但是，我将用来播放视频的播放器不喜欢在文件附件后有任何内容-所以我想在将URL传递给播放器之前去掉问号和它后面的时间戳。我尝试使用以下Ruby(我认为)剥离函数:temp_variable=model.paperclipattribute.url(:blah).strip('?')[0]

  6. Android Studio开发之使用内容组件Content获取通讯信息讲解及实战（附源码 包括添加手机联系人和发短信） - 2

    运行有问题或需要源码请点赞关注收藏后评论区留言一、利用ContentResolver读写联系人在实际开发中，普通App很少会开放数据接口给其他应用访问。内容组件能够派上用场的情况往往是App想要访问系统应用的通讯数据，比如查看联系人，短信，通话记录等等，以及对这些通讯数据及逆行增删改查。首先要给AndroidMaifest.xml中添加响应的权限配置 下面是往手机通讯录添加联系人信息的例子效果如下分成三个步骤先查出联系人的基本信息，然后查询联系人号码，再查询联系人邮箱代码 ContactAddActivity类packagecom.example.chapter07;importandroid

  7. Android 10.0 设置默认launcher后安装另外launcher后默认Launcher失效的功能修复 - 2

    1.前言 在10.0的系统rom定制化开发中，在系统中有多个launcher的时候，会在开机进入launcher的时候弹窗launcher列表，让用户选择进入哪个launcher，这样显得特别的不方便所以产品开发中，要求用RoleManager的相关api来设置默认Launcher，但是在设置完默认Launcher以后，在安装一款Launcher的时候，默认Launcher就会失效，在系统设置的默认应用中Launcher选项就为空，点击home键的时候会弹出默认Launcher列表，让选择进入哪个默认Launcher.所以需要从安装Launcher的流程来分析相关的设置。来解决问题设置默认La

  8. AiBote 2022 新研发的自动化框架，支持 Android 和 Windows 系统。速度非常快 - 2

    Ai-Bot基于流行的Node.js和JavaScript语言的一款新自动化框架，支持Windows和Android自动化。1、Windowsxpath元素定位算法支持支持Windows应用、.NET、WPF、Qt、Java和Electron客户端程序和ie、edgechrome浏览器2、Android支持原生APP和H5界面，元素定位速度是appium十倍，无线远程自动化操作多台安卓设备3、基于opencv图色算法，支持找图和多点找色，1080*2340全分辨率找图50MS以内4、内置免费OCR人工智能技术，无限制获取图片文字和找字功能。5、框架协议开源，除官方node.jsSDK外，用户可

  9. Android Gradle 7.1+新版本依赖变化 - 2

    前一段时间由于工作需要把可爱的小雪狐舍弃了，找到了小蜜蜂。但是新版本的小蜜蜂出现了很多和旧版本不一样的位置。1.功能位置迁移，原来在工程build.gradle的buildscript和allprojects移动至setting.gradle并改名为pluginManagement和dependencyResolutionManagement。里面的东西依旧可以按照原来的copy过来。pluginManagement{repositories{gradlePluginPortal()google()mavenCentral()}}dependencyResolutionManagement{r

  10. ruby - Ruboto 的最佳教程(适用于 Android 的 ruby​​)？ - 2

    关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。要求我们推荐或查找工具、库或最喜欢的场外资源的问题对于StackOverflow来说是偏离主题的，因为它们往往会吸引自以为是的答案和垃圾邮件。相反，describetheproblem以及迄今为止为解决该问题所做的工作。关闭9年前。Improvethisquestion我几乎用完了Ruby，但现在想试试Ruboto，android上的ruby​​。谷歌未能给我足够的(几乎没有结果)。所以任何人都可以分享一些关于Ruboto的教程。

随机推荐