Блог

Я не могу отобразить автономное изображение с помощью expo client на iOS в React Native, но оно отлично работает в веб-браузере.

my 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
 

Спасибо!!

Вы загружаете .svg-файл react-native-svg позволяет использовать SVG-файлы в вашем приложении с поддержкой интерактивности и анимации. так что вам нужно установить

 expo install react-native-svg
 

Реализация предоставляется react-native-svg, и документация предоставляется в этом

Статья.

импортируйте json в свое приложение и используйте react-native-svg для отображения svg следующим образом:

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

и еще один вариант: вы можете создать набор значков из своих svg-файлов с помощью IcoMoon, а затем использовать его через
https://github.com/oblador/react-native-vector-icons