SVG文件在React Native上不能同时渲染
是因为React Native并不直接支持SVG文件的渲染。React Native是一个用于构建移动应用的框架，它使用了不同于Web的渲染引擎。虽然React Native可以渲染许多常见的UI组件，但SVG并不是其中之一。
要在React Native上渲染SVG文件，可以使用第三方库，例如react-native-svg。该库为React Native提供了对SVG文件的支持，可以使用类似HTML标签的方式在React Native中渲染SVG图形。使用react-native-svg，开发者可以使用SVG的路径、形状和样式来创建自定义图形，并在React Native应用中进行展示。
推荐的腾讯云相关产品：
- 云服务器（CVM）：提供虚拟云服务器，支持多种操作系统，适用于各种应用场景。详情请参考腾讯云云服务器
- 云数据库 MySQL 版（TencentDB for MySQL）：高性能、可扩展的关系型数据库服务，适用于各种业务场景。详情请参考腾讯云云数据库 MySQL 版
- 人工智能机器学习平台（AI Lab）：提供了一站式的人工智能开发平台，包括机器学习、深度学习、自然语言处理等功能。详情请参考腾讯云人工智能机器学习平台
- 物联网开发平台（IoT Explorer）：提供可靠、灵活、安全的物联网设备连接和管理服务，帮助开发者快速构建物联网应用。详情请参考腾讯云物联网开发平台
请注意，以上仅为腾讯云推荐的一些产品，其他云计算品牌商也有类似的产品可供选择。
相关·内容
1回答
我已经在我的项目中尝试了react-native-svg为SplashScreen页面加载svg图像。但Logo Image在文本之后显示速度较慢。文本本身和徽标是同一个svg文件 The Text Then the Image 这是我的代码 import React, {Component} from 'react';
import {StyleSheet, View} from '<
浏览 22提问于2021-11-05得票数 0
我们正在开发一个Vue/ReactNative项目，在Reactnative组件react-native-svg (12.1.0版)中出现了一个奇怪的现象，即SVG不能正确呈现。在浏览器中，它被正确地渲染。 SVG本身是用Adobe创建的，并使用CSS样式。不是所有的CSS元素都被支持吗？ 我们从外部Uri动态使用SVG，而不是作为静态文件。<svg-css-uri
浏览 33提问于2021-03-25得票数 0
回答已采纳
我正在运行这个程序来显示SVG图像import { View } from 'react-native';import SVG from 'react-native-svg';
浏览 1提问于2021-01-29得票数 1
我正在努力在React Native中创建react-native-svg动画。我也用react-native-svg-transformation尝试了他们建议的方法，但它不适合我的情况，因为我要处理很多文件并动态地呈现它们。这是我的渲染文件：import { View
浏览 1提问于2020-03-10得票数 1
2回答
我还听说过Tiny SVG，它是用于移动的SVG的一个子集，所以我对此表示怀疑：c)在较老的浏览器中，通常不支持SVG。在桌面应用程序中，我使用了Raphael和javascript，但是React和React Native又是
浏览 4提问于2017-06-16得票数 0
有没有什么包可以让我显示从外部URL加载的SVG图像？我尝试过使用react-native-svg-image / react-native-svg-uri和它们的分支，但它们都不能正常工作--有没有什么非死包可以完成这项工作？这是svg-img-uri抛出的示例错误 <SvgUri width="24" height="24" source={{ uri: 'http
浏览 35提问于2019-05-20得票数 4
2回答
有人知道为什么我的反应图标不能正常工作吗？提前谢谢。import { View, Text, SafeAreaView, Image } from 'react-native';import { useNavigation } from '@react-navigation/native';
import
浏览 12提问于2022-09-05得票数 0
在将expo 35升级到36后出现此错误。 Unable to resolve "../..这个错误已经消失了，但是模块react-native-svg开始用它包含的css-tree模块给出同样的错误。 我已经尝试将expo-cli升级到最新版本并重启终端。我已经能够通过升级react-native-svg中的css-tree依赖项来应用临时修复，但据我所知，这是一个非常错误的方法。 有什么想法吗？
浏览 41提问于2019-12-13得票数 7
我有一个csv文件，如下所示。我使用了react-native-svg-uri来呈现csv文件，但是由于某些原因没有呈现。csv文件的其他部分渲染正常。 <tspan x="87" y="34">PA
浏览 0提问于2016-11-11得票数 1
在互联网上做了几天的研究之后，我仍然没有解决我的问题。我使用的是react本机-svg，并且我有相同的问题：。或者这个：react-native unlink react-native-svgnpm install react-native-svg
浏览 7提问于2017-12-06得票数 5
回答已采纳
react-native-svg产生错误：“尝试注册两个同名的视图RNSVGRect”我开始使用世博会的项目。我正在使用yarn和npm来添加模块。当我尝试从react-native-svg导入RNSVGRect时，我收到错误信息：“尝试使用相同的名称注册两个视图import Svg<
浏览 3提问于2019-02-06得票数 10
我在网上到处搜索关于如何使用react-native-svg特性在React-Native中创建SVG Rect元素的信息，但没有成功。到目前为止，我所做的是在组件中定义一些SVG元素，并将prop传递给现有的SVG元素，如Rect、Circle等。但是，如何以编程方式创建随机数量的SVG元素并将它们附加到组件？
浏览 23提问于2019-02-02得票数 1
2回答
我尝试过"react-native-remote- SVG“和"react-native-svg-image"；它们都无法呈现SVG文件。import SVGImage from 'react-native-svg-image'
const EmailLogo = require(
浏览 11提问于2018-01-27得票数 1
我正在做一个原生react项目，我有超过30个SVG格式的图标。我想知道是建议将这些图像转换为PNG，还是更好地将其用作SVG文件。如果使用图像作为SVG更好，那么在react原生上显示SVG文件的最佳方式是什么？
浏览 25提问于2019-08-01得票数 5
回答已采纳
问题是：
因此，问题是，当我的adobe文件(仅是紫色按钮)中的svg看起来像这样时，我就导出了它：所以你可以看到，显然有一个影子，但不是在我的项目。/assets/icons/add_icon.svg"
然后用<
浏览 5提问于2020-04-08得票数 2
18回答
我想显示svg文件(我有一堆svg图像)，但是我找不到显示的方法。我试着使用图片，和使用的组件，但是他们不能工作。我试着用原生的方式来做这件事，但是仅仅显示svg图像真的很难。示例代码： Use,} from 'react-native-svg';
<Svg width="80" heig
浏览 365提问于2016-08-08得票数 145
我使用<Image>标签在我的项目中显示图像，但是它不能在iOS上显示svg图像，所以我使用来自react-native-svg的<SvgUri>而不是<Image>，但是现在如果我尝试显示除svg之外的任何图像有没有库可以在iOS和安卓设备上同时显示svg和非svg图像？
浏览 28提问于2020-08-27得票数 0
我无法在React Native的iOS上使用expo客户端显示脱机图像，但它在web浏览器上工作得很好。/assets/logo.svg')} style={{ width: 200, height: 200 }}/> ../assets，因为我在"Components“文件夹中的一个组件中： assetsComponents
浏览 16提问于2021-01-09得票数 0
回答已采纳
我想在react native中实现包含文本的drop shape，如下图所示。 ?
浏览 10提问于2019-06-29得票数 0
回答已采纳
如何在React Native视图中呈现数学方程式？对于web应用程序，我们可以使用LaTex或MathJax解决方案。但React Native呈现的是本机组件。我们如何在React Native视图(非WebView)上呈现数学方程式？
浏览 80提问于2017-02-11得票数 21
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
