Estoy jugando con Reaccionar Nativo y estoy tratando de mostrar simplemente una imagen con la imagen de la biblioteca a partir de una URL. Cuando me encuentro con esto, todo lo que se muestra es el ” Reaccionar Nativo de texto, pero no hay imagen. ¿Qué estoy haciendo mal?

'use strict';

var React = require('react-native');
var {
  AppRegistry,
  StyleSheet,
  Image,
  Text,
  View,
} = React;

var AwesomeProject = React.createClass({
  render: function() {
    return (
      <View style={styles.container}>
        <Text style={styles.welcome}>
          React Native
        </Text>
        <Image 
          source={{uri: 'http://facebook.github.io/react/img/logo_og.png'}}
        />
      </View>
    );
  }
});

OriginalEl autor csakon | 2015-05-07

3 Comentarios

  1. 26

    tratar de dar imagen de la componente h y w

    <Image style= {{ height:50, width: 50 }} >
    Por desgracia, eso no es nada para mí. Gracias por la sugerencia.
    OK, creo que esto hizo el trabajo después de todo. Me destruido accidentalmente mi aplicación al intentar cambiar el nombre y volvió a empezar. En la nueva aplicación, la adición de la h y w es la diferencia entre este trabajo y el que no.
    Perfecto! Gracias!
    también deben ser atendidos a través de https desde iOS 8 o agregar una excepción: ste.vn/2015/06/10/…
    Hay otro método, sin el uso de height y width como yo quiero que la imagen que se mostrará en pantalla completa?

    OriginalEl autor boredgames

  2. 0
    flex: 1,
    width: null,
    height: null,
    resizeMode: 'cover',

    Este estilo va a hacer de la imagen flexible y cubrir todo el recipiente

    OriginalEl autor ArtixZ

  3. 0

    cuando se utiliza una imagen en reaccionar-nativo de la imagen no se expandirá para llenar el espacio disponible por defecto en lugar de tener que agregar regla de estilo que de lo grande que la imagen debe ser.si tu no añadir estilo para la imagen con la altura y la anchura a que no te aparece la imagen

    OriginalEl autor Dulanga Heshan

Dejar respuesta

Please enter your comment!
Please enter your name here