如何在React Native Vector图标中选择同名图标
React Native Vector图标库是一个用于在React Native应用中使用矢量图标的开源库。它提供了一系列常用的图标，可以通过简单的代码引入并在应用中使用。
在React Native Vector图标中选择同名图标的步骤如下：
- 首先，确保已经在项目中安装了React Native Vector图标库。可以通过以下命令进行安装：
npm install react-native-vector-icons --save- 打开React Native项目的入口文件（通常是App.js或index.js），并导入所需的图标组件。例如，如果要使用FontAwesome图标库中的图标，可以使用以下代码导入：
import FontAwesome from 'react-native-vector-icons/FontAwesome';- 在需要使用图标的地方，使用相应的图标组件并设置图标的名称和样式。例如，要使用FontAwesome图标库中的"heart"图标，可以使用以下代码：
<FontAwesome name="heart" size={30} color="red" />在上述代码中，name属性指定了图标的名称，size属性指定了图标的大小，color属性指定了图标的颜色。
- 根据需要，可以通过设置其他属性来自定义图标的样式。例如，可以使用style属性设置图标的位置、大小和颜色等。
通过以上步骤，就可以在React Native Vector图标库中选择同名图标并在应用中使用了。
推荐的腾讯云相关产品：腾讯云移动应用分析（MTA），该产品可以帮助开发者深入了解移动应用的用户行为和使用情况，提供数据分析和用户行为分析等功能。了解更多信息，请访问腾讯云移动应用分析产品介绍页面：腾讯云移动应用分析
请注意，以上答案仅供参考，具体的技术选择和产品推荐应根据实际需求和情况进行评估和决策。
相关·内容
2回答
为什么react本机-svg-图标给我的错误是，有一些副本的ttf文件？
react-native、cocoapods、font-awesome、react-native-elements
长篇小说短片
在我的iPhone react-native应用程序中，我已经投入了大约12个小时。从昨天起，它就不再建了(不知从哪冒出来)。5个小时后！在调试过程中，我发现了可能导致问题的原因，但没有发现如何解决问题。
我使用这些包含.ttf文件/用于图标之类的包：
"@fortawesome/fontawesome-svg-core"
"@fortawesome/free-solid-svg-icons"
"@fortawesome/react-native-fontawesome"
"@react-native-community/c
浏览 2提问于2019-10-08得票数 0
回答已采纳
2回答
无法在ios上显示"react-native-vector-icons“的"Edit”图标
react-native、react-native-vector-icons
我正在开发一个React Native应用程序。我使用的是react原生矢量图标。我无法显示编辑图标，这是我的代码 import Icon from 'react-native-vector-icons/FontAwesome';
<Icon style={{marginTop : '1.5%'}} name="Edit"/> 这将向我显示问号而不是图标。 但如果我这么做了 import Icon from 'react-native-vector-icons/FontAwesome';
<
浏览 42提问于2019-08-26得票数 0
回答已采纳
3回答
如何查找fontAwsome图标的名称
react-native、font-awesome
我试图在一个react本机应用程序中使用字体很棒的图标，因此我安装了它，并使用react-native-vector-icons导入了它：
import Icon from "react-native-vector-icons/FontAwesome";
.....
<Icon name="map-pin" />
但是我不知道在哪里可以找到图标的名字，我浏览了字体令人敬畏的网站，找到了一些图标，但是当我尝试使用它们时，它不起作用。
例如，在他们的网站上，这个名是算盘，但是当我在我的应用程序中使用它时，我会收到警告，图标不会显示。
浏览 0提问于2019-05-26得票数 0
回答已采纳
4回答
反应本机元素图标没有显示在按钮上
reactjs、react-native
Hi，
我试图在React-Native-Elements 组件中使用图标。我没有收到错误或警告，但我只是结束了一个空按钮。
下面是一些包含Button的代码：
<Col size={20}>
<Button icon={<Icon name="heart" color="#00aced"/>} size={30} buttonStyle={style.button}/>
</Col>
我希望有人能帮助我，因为我不知道为什么它没有出现。
，提前谢谢！
应要求提供更多资料：
import { Button }
浏览 3提问于2018-06-23得票数 3
回答已采纳
3回答
动态传递prop，在react原生中不带任何值
reactjs、react-native
我对原生的反应是全新的。目前正在探索FontAwesome 5专业版图标的react原生矢量图标。 https://github.com/oblador/react-native-vector-icons FontAwesome 5的图标集有3种类型，分别为常规、实心和浅色。 import Icon from 'react-native-vector-icons/FontAwesome5';
const myIcon1 = <Icon name="comments" size={30} color="#900" />; // De
浏览 37提问于2019-03-14得票数 4
回答已采纳
1回答
react本机矢量图标:使用FontAwesome
react-native、font-awesome
我试图使用FontAwesome图标在我的反应-本机应用程序使用这个库react-native-vector-icons。我遵循了安装过程(npm安装、链接、更新我的gradle.properties.)然后，在我的代码中，我像这样导入图标：
const Icon = require('react-native-vector-icons/FontAwesome');
我在我的渲染方法中使用它：
<Button>
<Icon name='home' />
</Button>
不
浏览 6提问于2017-04-20得票数 1
回答已采纳
1回答
图标未在react-native中显示
android、react-native、icons
我使用react-native-vector-icons库在选项卡栏中显示图标，如下所示： import FontAwesome from 'react-native-vector-icons/FontAwesome';
<FontAwesome name='trophy' /> 但是它没有显示图标，那该怎么做呢？ ?
浏览 10提问于2020-12-31得票数 0
回答已采纳
2回答
问号作为图标出现在react本机应用程序中。
android、react-native
我正在尝试将图标应用到我的react本机项目中，因此我安装了：
1.npm install react-native-vector-icons --save
2.react-native link react-native-vector-icons
在此部分之后，添加到android/app/sec/main/assets/fonts中的所有图标
ls -l /media/groot/Project/React\ Native/Practices/RNheader/android/app/src/main/assets/fonts
total 1976
-rwxrwxrwx 1 groot g
浏览 7提问于2020-01-10得票数 0
回答已采纳
1回答
如何在React Native中使用不同的图标库？
react-native、icons
大家下午好。 我在代码的开头指定了确切的库 import Ionicons from 'react-native-vector-icons/FontAwesome'; 我有一个关于如何一起使用不同的矢量库的问题。例如>> <Tab.Navigator
screenOptions={({ route }) => ({
tabBarIcon: ({ focused, color, size }) => {
let iconName;
if (route.name === 'Dashboard')
浏览 14提问于2020-10-08得票数 0
3回答
反应本机矢量图标.动态类型
react-native、react-native-vector-icons
我使用不同类型的反应本机矢量图标-材料和FontAwesome取决于特定图标的可用性。我想要创建一个通用组件来包装整个应用程序中图标的使用情况。到目前为止，我已经：
import React from 'react';
import Icon from "react-native-vector-icons/FontAwesome";
import {theme} from "../../../styles/style";
/**
* Common reusable icon component
* @param props
* @retu
浏览 0提问于2019-07-06得票数 4
回答已采纳
1回答
为IOS响应本机构建失败
ios、xcode、react-native、cocoapods、build-error
在过去的两天里，我一直在为这个构建错误而挣扎，我的项目在android上运行得很好，但是我不能在IOS上运行它。我遵循IOS的react本机文档，并安装了所有的需求。我正在使用，Xcode 12.4。
这是我的个人档案：
require_relative '../node_modules/react-native/scripts/react_native_pods'
require_relative '../node_modules/@react-native-community/cli-platform-ios/native_modules'
platfor
浏览 3提问于2021-11-01得票数 0
回答已采纳
4回答
反应-本机-矢量图标字体5专业图标不工作
react-native、react-native-ios、react-native-vector-icons
我试图在中使用。即使是fontAwesome5非专业图标似乎也没有显示。旧字体令人敬畏的4个图标显示。我确实有亲版本的方阵，我运行命令自动更新我的反应-本机-矢量-图标的亲fontAwesome：./node_modules/.bin/fa5-upgrade，并输入了我的fontawesome npm令牌。那部分似乎很成功。
我在应用程序中得到了这个错误：
图标只是以问号的形式出现。
代码：
import AwesomeIcon from 'react-native-vector-icons/FontAwesome5Pro'
<AwesomeIcon
浏览 0提问于2019-08-11得票数 1
回答已采纳
2回答
如何使用来自同一组件内不同目录的本机矢量图标？
reactjs、react-native、react-native-vector-icons、feather
import Icon from 'react-native-vector-icons/Feather';
import Icon from 'react-native-vector-icons/Ionicons';
我想在同一个组件中使用来自“react本机-矢量-图标/Feather”和“react本机-矢量-图标/Ionicons”的图标。
但是导入两个图标就会产生语法错误。
export default function App() {
return (
<SafeAreaView style={styles.container}>
浏览 19提问于2022-06-05得票数 1
回答已采纳
4回答
反应性导航中的选项卡导航图标
reactjs、react-native、icons、react-navigation
我使用的反应导航v2和反应本机矢量图标。
我正在尝试添加一个图标在一个反应本机标签导航器。
如果图标不在选项卡导航器中，则会显示该图标。图标没有显示在选项卡导航器中，我也找不到如何在选项卡导航器中添加图标的实例。
import React, { Component } from 'react';
import { StyleSheet, Text, View } from 'react-native';
import { createMaterialTopTabNavigator } from 'react-navigation'
impor
浏览 3提问于2018-05-20得票数 23
回答已采纳
3回答
如何将react-native-vector-icons与react-native-web一起使用？
reactjs、react-native、react-native-web、react-native-vector-icons
我已经用react-native和react-native-web设置了monorepo项目。我在Android，iOS和网络上分享了相同的代码库。安装react-native-vector-icons后，我在所有三个平台上都运行了代码，它在安卓和iOS上运行得很好，但在网页上就不行了。在web中，它看起来如下所示：
我已经按照描述设置了Webpack
下面是我的Webpack配置config-overrides.js
const fs = require('fs');
const path = require('path');
const webpa
浏览 57提问于2020-02-17得票数 4
回答已采纳
1回答
无法在本机反应中加载图标
javascript、react-native
我是一个反应本土化的初学者，我用作为我的例子，但是我对图标有一个问题。我的应用程序没有显示图标
我的应用程序：
代码：
/**
* Sample React Native App
* https://github.com/facebook/react-native
* @flow
*/
import React, { Component } from 'react';
import { AppRegistry } from 'react-native';
import { Container,Header,C
浏览 1提问于2016-10-03得票数 1
回答已采纳
2回答
自定义字体图标在“反应本机”中显示交叉方框。
react-native、svg、react-native-vector-icons
我正在尝试使用自定义字体在反应本机。转换SVG在自定义图标设置使用Icomoon，并尝试所有的步骤从。
react-native-vector-icons已经安装好了。
使用react-native link react-native-vector-icons设置项目的矢量图标框架。
将selection.json和Icomoon.ttf文件放置在assets/fonts文件夹中。
并在"rnpm": { "assets": [ "resources/fonts" ] }文件中添加了package.json
创建CustomIcon.js文件并添
浏览 2提问于2020-12-21得票数 1
回答已采纳
1回答
在FlatList中的中心文本在图标反应本机旁边
react-native、react-native-ios、react-native-flatlist
目前，我正在尝试将FlatList中的文本居中。我的意思是，我希望它在中间，在每个图标的右边。
目前，这是如何显示，它在底部。我只想再高一点：
下面是我的组件的样子:我尝试实现了很少的样式，但仍然没有成功。我脑海中闪现但没有尝试的是硬编码每一行并放弃循环，但我不确定这样做是否正确。
import SocialIcon from 'react-native-vector-icons/AntDesign';
import BookingIcon from 'react-native-vector-icons/FontAwesome';
import Feath
浏览 0提问于2018-11-25得票数 0
回答已采纳
4回答
图标没有出现在“反应本机”中。
javascript、reactjs、react-native、react-navigation
我使用react-native-vector-icons/FontAwesome显示图标，使用react-navigation显示选项卡。我试图显示主页图标在按钮导航，但图标没有出现。
Icon和createBottomTabNavigator的PFB相关代码
import React from 'react';
import { createBottomTabNavigator } from 'react-navigation';
// import { Icon } from 'react-native-elements';
import I
浏览 4提问于2018-10-10得票数 0
回答已采纳
1回答
如何在react native中旋转字体图标？
react-native、react-native-android、stylesheet、font-awesome-5
在我的react原生应用程序中，我有一个非常棒的字体图标。我想旋转它。需要帮助。
import React from 'react'
import { View } from 'react-native';
import Icon from 'react-native-vector-icons/FontAwesome5';
const InfoBox = () => {
return (
<View >
<Icon name={'hand-holding-us
浏览 16提问于2019-11-05得票数 8
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
