如何在react native上更改SVG的颜色？

文章/答案/技术大牛

发布

1回答

react-native、svg

标题解释了这个问题，我的视图中有一个SVG文件： <SvgUri source={require("./assets/icons/eva-icons/arrow-back.svg")} width="50" height="50"/> 如何改变我加载的svg的颜色？fill属性不会改变任何东西。

浏览 92提问于2019-06-20得票数 2

回答已采纳

3回答

如何设置立面颜色？

android、react-native

我们在react-native ()中有proptype elevation，但是我如何设置它生成的“android-elevation”的颜色呢？

浏览 26提问于2016-09-15得票数 6

回答已采纳

1回答

如何使用react-native-svg模块以编程方式向组件添加SVG元素？

react-native、react-native-svg

我在网上到处搜索关于如何使用react-native-svg特性在React-Native中创建SVG Rect元素的信息，但没有成功。到目前为止，我所做的是在组件中定义一些SVG元素，并将prop传递给现有的SVG元素，如Rect、Circle等。但是，如何以编程方式创建随机数量的SVG元素并将它们附加到组件？遗憾的是，文档中没有对此进行说明。

浏览 23提问于2019-02-02得票数 1

1回答

带有自定义SVGIcons的React导航(选项卡导航器)

javascript、reactjs、react-native、mobile、react-navigation-v5

我正在使用React导航来改变底部标签页导航的屏幕，但是当我尝试使用一个自定义的SVG时，我遇到了很多麻烦，并且使用一个图像显示为一个图标，颜色显然没有改变，我怎么能使用一个SVG文件，它可以识别我在页面上传递的改变的颜色

浏览 28提问于2021-07-22得票数 1

回答已采纳

1回答

SVGR React原生.svg文件

reactjs、react-native、svg、svg-rect

我有一个令人困惑的.svg文件，其中的向量是用笔画和填充创建的。我想要自定义本地.svg文件的颜色。例如，如果我写 <TestIconFlexible width='100%' height='100%' fill='red' /> 我的React Native会将真正的矢量颜色更改

浏览 40提问于2021-04-30得票数 0

回答已采纳

1回答

呈现不同颜色的条形图

react-native、d3.js、charts

我想要创建条形图，每个条形图的x轴值不同颜色。我试过barChart从。

浏览 0提问于2018-05-24得票数 0

1回答

在列表视图中显示迷你图react native

react-native、charts

我需要在itunes中显示像股票应用程序一样的图形表示数据。有很多库，但我找不到一个库提供这样的功能。有没有人能建议如何实现。 ?

浏览 9提问于2021-01-11得票数 0

回答已采纳

2回答

共享QR反应本地

javascript、reactjs、react-native、base64、qr-code

我是新的反应/反应本地人。我试着分享一个QR代码作为图像。Generate QR works，但是--我想把它作为图像共享 (whatsapp，蓝牙等等)。import QRCode from 'react-native-qrcode-svg';//let svg = ''; size={300} value={`${na

浏览 7提问于2022-05-24得票数 0

回答已采纳

5回答

不变冲突："RNSVGSvgView“的本机组件不存在

ios、svg、react-native、react-native-ios

在互联网上做了几天的研究之后，我仍然没有解决我的问题。我使用的是react本机-svg，并且我有相同的问题：。或者这个：react-native unlink react-native-svgnpm install react-n

浏览 7提问于2017-12-06得票数 5

回答已采纳

1回答

React Native："tintColor“不适用于iOS 15上的图像

ios、image、react-native

我在我的应用程序中有一些类似这样的代码： <Image source={fabicon} /> 这在安卓和iOS <15上运行得很好。但是，tintColor没有应用于我在iOS 15上的任何图标。我在React Native版本0.62.2上。谁能告诉我如何在iOS 1

浏览 55提问于2021-09-22得票数 2

回答已采纳

9回答

React Native -如何使用本地SVG文件(并为其上色)

css、reactjs、react-native、svg

我在本地有一些.svg图标，我想在我的RN项目中使用它们。一个例子是这样的.svg图标(在Chrome中打开)：我想显示这个文件(以及控制为它指定填充颜色) --在React Native中有什么方法可以做到这一点吗？(我尝试过'react-native-remote-svg‘组件，但这不能控制颜色) 谢谢!

浏览 7提问于2018-04-05得票数 25

2回答

(react-native-svg错误)“尝试注册具有相同名称RNSVGRect的两个视图”

reactjs、react-native

react-native-svg产生错误：“尝试注册两个同名的视图RNSVGRect”我开始使用世博会的项目。我正在使用yarn和npm来添加模块。当我尝试从react-native-svg导入RNSVGRect时，我收到错误信息：“尝试使用相同的名称注册两个视图 import React from "react<

浏览 3提问于2019-02-06得票数 10

3回答

类型错误: Method.bind不是函数

react-native

我是第一次使用React Native。我尝试使用'react-native-pathjs-charts‘库创建饼图，但在提到method.bind is not a function时出错。下面是我的代码：import {Platform, StyleSheet, Text, View, Animated,Easing, TouchableOpacity,

浏览 1提问于2019-06-16得票数 0

1回答

React原生切割工具

react-native

我想得到这个布局，但没有找到任何好的解决方案。我只是想知道如何才能在左下角拥有最新的边缘，我已经尝试过旋转属性了。Image

浏览 17提问于2020-07-04得票数 0

回答已采纳

1回答

the本机:如果矢量图标不在目录中，如何添加它？

reactjs、react-native、react-native-vector-icons、vector-icons

我在自己的Reactive原住民应用程序中使用矢量图标，并在中找到可用的图标。我需要添加一个看上去像这个的图标，但是目录中没有一个图标。如果我在那个下载svg文件，有没有办法将它添加到我的应用程序中？或者是否有不同的推荐方法来添加不在中的矢量图标

浏览 10提问于2022-05-20得票数 1

4回答

如何在React* Native中生成具有多个值的二维码*

javascript、reactjs、react-native、svg

我可以使用react-native-qrcode-svg包创建具有单值的二维码。但不能添加多个值，如姓名、电子邮件等。我已经尝试过这些：npm安装react-native-svg --savenpm install react-native-qrcode-<

浏览 3提问于2020-07-03得票数 1

2回答

react-native-vector-icons插件上的IcoMoon彩色图标无法正常工作

react-native、react-native-vector-icons

我已经从Icomoon工具创建了一个字体包，以便能够在我的react原生应用程序上使用它。黑白图标似乎可以正常加载，但彩色图标在应用程序中会被破坏，并被强制为黑白图标。我正在执行以下操作来添加它，(我还在XCode inside Resources文件夹中手动添加了它，它是链接到那里的所有内容)import icomoonConf

浏览 0提问于2019-01-19得票数 2

1回答

在react本机中在圆形圆周上呈现文本

javascript、react-native、draw、geometry

我有个一般性的问题。我会张贴一个例子，说明我会如何尝试，但老实说，我甚至不知道我将如何开始。

浏览 3提问于2016-08-11得票数 5

回答已采纳

3回答

React本机: RNSvgPackage()错误

android、react-native

因此，我得到了一个错误(在底部)，这很可能是我尝试卸载react-native-pathjs-charts造成的。下面的问题只存在于android上，而不是ios上。错误： /Users/a.lau/Projects/react-native/First_App/android/app/src/main/java/com/first_app/

浏览 5提问于2017-03-14得票数 0

回答已采纳

1回答

反应本机元素图标

reactjs、react-native、icons、font-awesome

我就是这样实现我的图标的<Icon name="#f1ce72" : "grey"} /> 我想使用字体类型图标，但我找不到完整的图标列表。因为当我进入字体令人敬畏的网站，并在name属性中输入图标的名称时，

浏览 3提问于2022-03-07得票数 -1

点击加载更多