问题标签 [react-native-svg]

我正在使用react-native-svg。我想围绕另一个更大的圆圈制作一个小圆圈的动画。这个问题与这个问题类似。动画与任何手势无关，而是与时间相关。旋转应该在几秒钟内完成一个预定义的延迟，并且应该尽可能平滑。是否可以使用 react-native-svg 做到这一点？

为了完整，我不得不说，还有其他的小圆圈，每秒钟都在绘制。这已经通过每秒改变状态来起作用。但是我当然不会通过改变状态来制作动画，对吗？

所以这是我目前在 render() 中的 JSX 代码：

和打字稿气泡（）方法：

任何帮助表示赞赏。

我正在使用 react-native-svg@0.55.1 并反应原生 0.55.4

调用以下导入：

并从标记数组中呈现此标记

在我使用从标记器加载默认图像之前，但是加载 svg 的质量改进让我选择了上面的代码。

两个代码都可以正常编译和运行，但缺点是使用 SvgUri 需要更多时间来加载，并且在此之前它会显示默认的标记图像。再次渲染时它也会闪烁。

正如您在我上传到 Youtube 的屏幕记录中看到的那样： https ://youtu.be/jROGEWR8F9c

但是由于它使图像看起来更好看，我想让标记等待 SvgUri 加载它的图像并且不显示默认标记图像。还可以停止视频中显示的闪烁。我该如何解决这个问题？

提前致谢。

我想从 illustrator 生成的 SVG 文件中渲染图像，我正在使用react-native 0.59、react-native-svg和react-native-svg-uri，这是我的 jsx：

和我的 SVG 文件：

并且在我调试时没有显示，我缺少什么，有没有更好的方法来显示来自 SVG 文件的图像？使用 SVGR将它们转换为 jsx是一种更好的方法，或者还有其他方法可以这样做。

我正在尝试使 svg 中的矩形旋转到位（围绕它的中间），但是事实证明这比我想象的要困难。相反，矩形以一种奇怪的模式移动。这可能是因为旋转原点错误，但是我自己还没有找到解决此问题的方法。

我为此创建了一个博览会来演示这个问题：https ://snack.expo.io/SJqTgyu0N

我想保留矩形本身的样式/过渡，而不是将其移动到 AnimatedG 组件。

如何在 react-native-svg-charts 中使用工具提示标记触摸值的垂直和水平线获取 x 和 y 坐标值。

我只想用 react-native-svg-charts 与此链接中给出的相同

https://github.com/FormidableLabs/victory-native/issues/358#issuecomment-411775865

我使用如下图所示的路径创建弧。这是我的代码

我怎样才能像这样剪辑内半径

它需要是透明的，因为我使用背景图像。我尝试使用剪辑路径，但它在外部剪辑弧。

问题是，当我只使用滑块而应用程序中没有其他代码时，只实现滑块，那么滑块就没有问题。但是当我将滑块与其他组件一起使用时，即屏幕上有很多状态变量和组件时，滑块会滞后，并且状态值的变化很晚才反映在屏幕上。

我也使用了 lodash 的 debounce，但我没有工作，虽然它在一定程度上解决了滞后问题，但由于我必须实时更新状态并将其显示在屏幕上，所以反映在屏幕上的值的变化正在发生时间。

请有人告诉如何解决这个问题。下面的代码 HomeScreen.js正在产生问题。 下面的代码正在创建问题，滑块滞后并且状态值没有立即改变，即它反映了最近屏幕上滑块值的变化我认为是由于 VictoryChart 组件

要查看 Gif 的更多详细信息有什么问题，请单击此处

现在移除 VictoryChart 滑块时工作正常

我曾经使用 react-native-svg-uri 插件，直到在应用程序中使用 SVG 格式的说明图像，但是当我想在项目中构建 apk 时，发生错误并告诉将 SVG 的格式更改为 png 或 jpeg。如何解决这个问题？

React-Native版本：0.59.8

react-native-svg版本：9.4.0

OS Implementation： 安卓

我用 HTML 编写了一些 SVG 代码，它按预期工作：

但是当我在 中编写相同的代码时react-native，它不会渲染线性渐变，只是将其变成黑色。

有人可以帮我解决这个问题吗？

我在 Adob​​e XD 中设计了一些屏幕。在 adobe XD 中有一个插件可以将设计导出为 React/ReactNative 组件。我导出了一个设计，在这种情况下只是一个背景，但是当我运行应用程序时，屏幕显示为白屏或黑屏，有时它会从白屏过渡到黑屏。影响此功能的因素是 adobe XD 中的导出设置。

PS-我知道实现背景的其他方法，但我只是试图让 react-native-svg 使用从 adobe XD 导出的简单基本案例，因为设计/原型非常容易，我想要它我的工具箱。

来自 Adob​​e XD 插件的 React 组件导出设置： 为 react Native 创建- 使用大写修改 SVG 节点/使用带有 react-native-svg 导入的特定模板 删除尺寸- 从根 SVG 标记中删除宽度和高度 forward ref - 设置为 true 将转发 ref到根 SVG 标签

我已经尝试了所有的合并，但没有显示设计。

当前 react-native 版本：0.59.5 当前 react-native-svg 版本：9.5.1

导出的 adobe（删节）设计作为反应组件：

我希望屏幕看起来类似于在 Adob​​e XD 中创建的设计，但它是一个白/黑屏幕。