问题标签 [react-native-svg]

如何在此形状内正确显示个人资料图片而不是剪切图像？

目前它看起来像：

但这是图像的剪裁，而不是“贴合”它的形状——我正在努力实现“封面贴合”。

我正在尝试使用此示例中的 react-native-svg-charts 向我的面积图添加渐变：https ://github.com/JesperLekland/react-native-svg-charts-examples/blob/master/storybook/故事/面积图/with-gradient.js。

代码编译但我在运行时收到以下错误：

https://imgur.com/nasKm9x（对不起，我还没有足够的声誉来发布图片）

我在我的 Android 手机上使用 Expo。我对编程很陌生，所以我不知道该尝试什么。

我正在尝试通过 svg 渲染饼图，切片之间有间隙/线，但我目前没有得到正确的结果。这就是它应该的样子。

这就是我完成组件的方式，这是参考这个中型帖子。

这目前正在渲染一个圆形饼图，其中切片相对于最大值进行了缩放。当前没有分隔切片的线/间隙。

任何意见或建议都会非常有价值。谢谢！

I use react-native-svg to create icons throughout my app including for tab navigators. Everything was working fine until I updated Expo SDK 30 to SDK 31 (same issue persists into SDK 32).

It seems that the last tab's icon is overlapping the others, preventing the user from navigating to any tab but the last. A very precise tap on the bottom or top edge of each icon triggers the expected navigation behavior, but it seems that 99% of the tab area is being covered by the last tab icon.

Navigator:

Icon (all follow same pattern):

我正在尝试在我的 react native 项目中使用 SVG。这是我的组件的代码：

我得到的输出是：

https://i.stack.imgur.com/mGaBg.png

按下按钮以获取 svg 的 base64 字符串 ... 会产生以下错误： - 只有创建视图层次结构的原始线程才能触摸其视图

有什么帮助吗？

我的 Expo 项目需要最新版本的react-native-svg库才能正确渲染我的 SVG。目前是 9.3.5 版

从package-json.lock中，我看到我当前的 Expo SDK 32 列出了 8.0.10 版本。

我尝试通过使用在 Expo 旁边安装最新的 react-native-svg

但是，在运行应用程序时出现错误：

那么如何强制 Expo 使用最新版本呢？我在任何地方都看不到任何react-native-svg依赖项，直接更改package-lock.json似乎不是一个好主意。

我看到这篇文章：https ://stackoverflow.com/a/48245827/9775054

那是从这里提取的，哪里说react-native-svg-uri的。

但我不能让它工作......我做了所有的步骤，但总是这么说"Path './test.svg' could not be found."。我不明白为什么，因为文件的路径肯定是正确的。我安装正确react-native-svg，并且我已经把配置放在react-native-svg-uri了。babel-plugin-inline-import.babelrc

.babelrc配置：

使用SVG 文件：

SVG 文件示例

其他详情

• React Native 版本：0.57.8
• 针对 Android 8.0

有人可以帮助我吗？

作为 SVG 草图的一部分，我使用一个很小的点作为滑块控件。为了增加可触摸区域，我添加了一个厚实的透明边框。这适用于 iOS，但不适用于 Android。我可以在 Android 上做些什么来解决这个问题？我尝试添加hitSlopand padding，但这些似乎都不适用于 SVG 元素。

我目前正在使用 react-native-svg。

只需stroke即可。

但是strokeDashedArray不起作用（在 iOS 和 Android 上）。我在这里做错了什么？