我正在尝试在我的本机 React 应用程序上使用 svg 图像,我正在 Android 上开发。
所以我跟着这个教程=>
https://medium.com/faun/add-custom-svg-icons-to-your-expo-app-279b492f6a15
我有一个错误 Unable to read the 'fill' property of undefined 当我设法显示图像时,所以我尝试降级 react-native-svg 的版本并显示图像,但是一旦我集成了 react-navigation 我的启动时崩溃的应用程序博览会。
所以我找了很长时间来寻找这次崩溃的原因。
我试图删除 react-native-svg 库,metroconfig.js 文件,expo 再次运行,我不知道这是不是问题的原因。
我想知道人们是否遇到过这些问题,或者如果没有,与当前版本的 RN 一起在 react-native 应用程序中导入 svg 图像的最佳方法是什么?
预先感谢您的帮助和回答。
编辑
我使用最新版本的 react native / expo / sdk expo 测试了 react-native-svg 和 react-native-transformer-svg
从我创建 Metro.config.js 文件并通过更新 app.json 文件将其与 expo 链接的那一刻起,我的 expo 应用程序在启动时崩溃。
我不得不使用 react-native-svg 而没有 react-native-transformer-svg,也就是说我必须将 SVG 文件转换为可响应的 SVG 文件。
如果有人有自动导入 svg 文件的有效解决方案,那对我会有很大帮助。
我可能会问一个已经被问过的问题,但我没有设法找到明确的解决方案并适应我的情况:
我使用引导程序 4,我想使用网格显示电影海报,但我想每行显示 5 个项目,如下图所示,我可以显示 6 个项目,4 个项目,但我不能显示 5 个项目项目。
每个项目都使用我自定义的引导卡组件。
我指定这些项目是使用循环动态生成的,并且可以删除其中一个项目,因此如果我删除一个项目,我就不必破坏我的网格。
感谢您的帮助和您的回答。