问题标签 [react-native-svg]

我在 React js 中使用 Event Drops。这在网络应用程序中运行良好。但我正在尝试在 React-native 移动应用程序中实现相同的功能。不幸的是还没有成功。

任何帮助，将不胜感激？

提前致谢！

我目前正在创建一个 React Native 应用程序，但仍然不确定如何最好地处理我的用例的状态。

我用来react-native-svg在应用程序中创建一个相当复杂的图形，它存储在一个组件中，保持不变并在父组件中检索。然后这个父组件在画布上定期旋转和平移，但复杂图形的路径不会改变。因此，由于计算量很大，我只想在应用程序启动时计算该图形的 SVG 路径，而不是在我旋转或平移父组件时计算。目前，我的代码结构如下所示：

图组件

父组件

如您所见，我正在使用路径数据的状态。我现在的问题：

1. 我是否在这里确保这条路径只在开始时计算一次？
2. 有没有更优雅/更好的方法来做到这一点（例如，我现在根本没有使用 setter 函数，所以我觉得这不是最佳实践）

编辑：

计算路径的函数取决于我从父组件传递的一些道具。

考虑这样的数组：

根据此数组的长度（仅在 2 和 3 之间不断变化），我想添加或删除react-native-svg显示此值的组件。

到目前为止，这就是我的处理方式（我知道这段代码行不通）：

如何根据长度有条件地将组件注入SVGText组件？<G>myArray

目前我在 Android 上有一个错误（见附件）。

在 iOS 上没有错误，但不会呈现。

注册护士：0.61

RNSVG：11.0.1

I need to draw a chart with MySQL server data.

I found this example, but when I try to put my dynamic data it's not working:

I use PHP as backend to fetch data:

The result of this PHP file:

How can I replace data (static data) with MySQL data that I fetch in my PHP file?

我正在努力react-native-svg在 React Native 中制作动画。我也尝试了他们建议的方法，react-native-svg-transformation但它不适合我的情况，因为我正在处理许多文件并动态渲染它们。这是我的渲染文件：

AssetsHelper基本上是读取 svg 文件并将它们转换为字符串以便传递给SvgXml. SvgAssets是一个对象，键为 charCode，值是文件，如下所示：

预先感谢。

如何react-native-svg使用 Animated 为属性 gradientTransform 设置动画？

这会引发以下错误：screenshot

LinearGradient 得到[Object object]，但期望数字或字符串数​​组。

我已经根据教程（v. https://www.youtube.com/watch?v=UMvw20nRZls）创建了 Arc Progress 并且工作正常

但是，由于我没有使用 svg 路径的经验，我正在努力使用我的 Arc 试图让它的角落变得圆润

这是到目前为止 Arc 的结果

我希望有这样的角落：

ps：我正在使用一个 expo 应用程序，所以，我需要安装 react-native-svg 和 expo 才能工作

请考虑我对Android开发不是很熟悉。

尝试为我的 React Native 应用程序生成 Android 签名包时，我偶然发现了以下错误：

• 我知道这BrushType是一个类react-native-svg
• 我跑了gradlew app:dependencies，发现没有模块依赖于Brush或与com.horcrux.svg或相关的任何东西react-native-svg
• 已经尝试过清理项目、删除.iml文件、使Android Studio缓存失效、重建、重新安装node_modules等
• 尝试弄乱build.gradle并gradle.properties没有运气
• 我已经阅读了这个关于重复类的 android 指南，也没有运气

我知道有 2 个或更多依赖项在使用com.horcrux.svg.Brush$BrushType，但我找不到它们。我想一旦我找到它们，我就可以做到

正确的？

gradle.properties

android/app/build.gradle

提前致谢。

编辑：

通过添加解决：

就我而言，react-native-jitsi-meet这是导致冲突的原因，我必须通过反复试验找到它。

我有一个 SVG 作为组件。当我将它的宽度设置为 100% 时，它适用于 React Native Web，但不适用于本机。

这里有一个代码链接，但是模拟器设备不够宽，无法显示问题。如果在您自己的超过 375 像素宽的设备上对其进行测试，那么您会看到问题。 https://snack.expo.io/@jamesweblondon/bold-scones

我不能在这里发布完整的组件，因为它太大了，但这是它的开始：