Ich arbeite an einer Probe reagieren natives Projekt. Und fast alle Funktionen außer dem <Image source=''/>
funktionieren gut damit. Das Bild zeigt sich gut in Android-Emulator mit Android-Studio und Genymotion, aber funktioniert nicht auf echten Geräten (Moto G3 Turbo, Nexus 5, Galaxy S4 usw.). Ich weiß nicht, was mit meinem Code falsch gelaufen ist. Hier ist mein CodeReact-native: Bilder werden nicht in Android-Gerät angezeigt; aber zeigt perfekt im Emulator
import React, { Component } from 'react';
import {
AppRegistry,
StyleSheet,
Text,
View,
Image
} from 'react-native';
class ImageTester extends Component {
render() {
return (
<View style={styles.container}>
<Text style={styles.welcome}>
Welcome to React Native!
</Text>
<Text style={styles.instructions}>
To get started, edit index.android.js
</Text>
<Text style={styles.instructions}>
Double tap R on your keyboard to reload,{'\n'}
Shake or press menu button for dev menu
</Text>
<Image source={require('./img/first_image.png')}></Image>
</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,
},
});
AppRegistry.registerComponent('ImageTester',() => ImageTester);
Projektstruktur:
React-native Version: reagieren-native: 0.32.1
hier ist die antwort: http: //stackoverflow.com/questions/35567502/how-to-bundle-images-reaktionsressourcen-native-in-android – luwu
@luwu Ich habe es schon durchgemacht. Es funktioniert nicht für mich. –
@luwu du hattest recht. Das Problem war mit dem Bündelpackungsbefehl. Ich habe gelöst. Ich poste es unten als Selbstantwort. Danke für all deine Hilfe. :-) –