React-native: изображения не отображаются на устройстве Android; но показывает в эмуляторе - PullRequest
Новая
       10

React-native: изображения не отображаются на устройстве Android; но показывает в эмуляторе

0 голосов
/ 07 сентября 2018

Вот мой код: 

import React, {Component} from 'react';
import {
     Platform, 
     StyleSheet, 
     Text, 
     View , 
     ImageBackground } from 'react-native';
 export default class App extends Component {
 render() {
 return (
  <View style={{ flex: 1, flexDirection: 'column', backgroundColor: 'transparent' }}>
    <ImageBackground source={{uri: "image1"}} style={{ width: null , height: null , flex: 1, resizeMode: 'cover',}} 
     >
     </ImageBackground>

</View>
 );
}
}

 const styles = StyleSheet.create({
 container: {
 flex: 1,
 justifyContent: 'center',
 alignItems: 'center',
 backgroundColor: '#F5FCFF',
 },
 welcome: {
 fontSize: 20,
 textAlign: 'center',
 margin: 10,
  },
 instructions: {
 textAlign: 'center',
 color: '#333333',
 marginBottom: 5,
 },
});

А при попытке в эмуляторе все ок, но на моем устройстве изображения не отображаются

Emulator Дерево файлов

Почему это случилось? :( Пожалуйста, помогите.

Ответы [ 3 ]

0 голосов
/ 08 сентября 2018

Ури здесь очень важен. Изображения, отображаемые в эмуляторе, а не на вашем устройстве, похоже, что мы имеем дело с изображениями, загруженными вами в приложение? (В отличие от статических изображений, которые вы включаете в свой проект или сетевые изображения). В вашем эмуляторе путь к хранилищу отличается от устройства, поэтому вам нужно убедиться, что вы используете URI, который правильно указывает на изображение в зависимости от среды. Надеюсь, это поможет!

0 голосов
/ 10 сентября 2018

Сначала пройдите путь вашего проекта в терминале, затем выполните эту команду

Пакет реагирующих пакетов --platform android --dev false --entry-file index.js --bundle-output android / app / src / main / assets / index.android.bundle --assets-dest android / приложение / SRC / основные / Рез

Затем запустите в устройстве Android. Надеюсь, что это работает.

0 голосов
/ 08 сентября 2018

Вы можете попробовать поместить изображения в папку ресурсов в корне вашего проекта, затем вы можете сослаться на него, используя метод require, тогда путь будет относительно местоположения компонента.

источник = {требуется ( '../ активы / image1.jpg')}

Таким образом, вы также можете помещать файлы разного разрешения, например:

  • image1.png
  • image1@2x.png
  • image1@3x.png
  • image1@4x.png

Внутри этой папки и RN будут загружаться соответственно.

...