无法使用 Expo 客户端加载离线图像 React Native iOS

Question

我无法在 React Native iOS 上使用 expo 客户端显示离线图像，但它在网络浏览器上运行完美。

我的 app.json :

"assetBundlePatterns": [
  "**/*", "assets/*", "assets/fonts/*"
]

我想做什么：

<Image source={require('../assets/logo.svg')} style={{ width: 200, height: 200 }}/>

../assets 因为我在位于“组件”文件夹中的组件中：

assets
  logo.svg
Components
  MyComponent.js
App.js
app.json

谢谢！！

Answer 1

您正在加载 .svg 文件 react-native-svg 允许您在应用中使用 SVG，并支持交互和动画。所以你需要安装

expo install react-native-svg

实现由react-native-svg提供，文档在此提供

article.

将 json 导入您的应用程序并使用 react-native-svg 渲染 svg，如下所示：

 const json = require('./svg.json');
 render() {
    return (
      <Svg height={200} width={200} >
        <Path d={json['path']} />
      </Svg>
    );
  }

还有另一个选项，您可以使用 IcoMoon 从您的 svgs 创建一个图标集，然后通过 https://github.com/oblador/react-native-vector-icons

无法使用 Expo 客户端加载离线图像 React Native iOS

Cannot load offline image React Native using Expo Client iOS

offline

image

react-native

expo