Réagir Natif: impossible de charger l'image
J'écris un simple iOS programme pour afficher une image à Réagir Natif.
'use strict';
var React = require('react-native');
var {
Image
} = React;
var styles = React.StyleSheet.create({
base: {
height: 400,
width: 400
}
});
class SimpleApp extends React.Component {
render() {
return (
<Image
style={styles.base}
source={require('image!k')}
//source={{uri: 'http://news.xinhuanet.com/world/2015-05/09/127782089_14311512601821n.jpg'}}
/>
)
}
}
React.AppRegistry.registerComponent('SimpleApp', () => SimpleApp);
Mais j'ai eu le message de l'écran de l'iPad:
"Failed to print error:","'undefined' is not an object (evaluating 'stackString.split')"
Quand j'ai modifier le code pour utiliser une url de l'image
//source={require('image!k')}
source={{uri: 'http://news.xinhuanet.com/world/2015-05/09/127782089_14311512601821n.jpg'}}
Je seulement obtenir un rouge rect frontière.
Lorsque j'utilise un autre fichier js, tout fonctionne bien."Bonjour tout le Monde" peut afficher sur l'écran de l'iPad.
'use strict';
var React = require('react-native');
var {
Text,
} = React;
class SimpleApp extends React.Component {
render() {
return (
<Text>Hello World</Text>
)
}
}
React.AppRegistry.registerComponent('SimpleApp', () => SimpleApp);
Le réseau
<Image>
chargeur prend uniquement en charge les png
dès maintenant à partir de ce que je peux dire. jpg
semble être pris en charge lors du chargement de l'image statique ref source={require('image!k')}
est utilisé pour charger une image statique, changement k
le nom de votre image stockée localement, require
sera base64 votre image dans l'application source={{uri: 'http://...'}}
est utilisé pour charger une image sur le réseau, vous chargez un fichier jpeg qui ne semble pas être pris en charge encore essayer le chargement d'un png à la placeOriginalL'auteur Han Pengbo | 2015-05-09
Vous devez vous connecter pour publier un commentaire.
Assurez-vous que vous utilisez une version récente de Réagir Natif. Avec Réagissent Natif 0.4.4 œuvres suivantes:
De l'image
Assurez-vous également que vous avez ajouté l'image que vous souhaitez utiliser pour votre image de l'actif:
À Distance De L'Image
C'est aussi de même pour android. Si vous ajoutez vos propres photos à drawable dossier, vous pouvez les utiliser de façon dynamique.
ce sujet de réagir indigènes 0.27.2. dans cette version, nous n'avons pas besoin de plus à mettre des images dans drawable. dans le développement, il travaille très bien, mais dans la production d'images n'est pas de chargement? toute suggestion serait apprécié merci
OriginalL'auteur peter
@Potench souligné dans les commentaires, le chargement des images statiques avec un .jpg extension ne fonctionne actuellement pas. Mais si vous venez de renommer vos jpg png tout fonctionne bien.
Voir aussi https://github.com/facebook/react-native/issues/521
OriginalL'auteur dvine multimedia