Problem mit reagieren nativen Leuchtkasten Bibliothek

Question

Ich verwende react-native-lightbox. Ich kann zwei Probleme mit der Bibliothek nicht lösen.

1. fehlgeschlagen prop Typ: Die Stütze ‚onRequestClose‘ markiert ist, wie in ‚Modal‘ erforderlich, aber sein Wert ist ‚undefined'.How kann ich die Warnung entfernen?

2. Wie kann ich das Bild in der Mitte anzeigen? Es wird auf der Seite angezeigt, wie im Bild gezeigt.

Der Code ist wie folgt:

export default class LightBoxImage extends Component { 

    render() { 
     return (
     <View> 
      <Lightbox underlayColor="white"> 
      <Image 
       source={{uri: data.url}} 
      /> 
      </Lightbox> 
     </View> 
    ); 
    } 
    } 

Answer 1

die onRequestClose entfernen warnen Sie es als Eigenschaft für die Komponente Lightbox bieten sollten:

import _ from 'lodash'; 
... 
<Lightbox onRequestClose={_.noop}> 

über zentrieren Sie das Bild und wickeln Sie die Komponente Image ein in einem View mit den folgenden Arten:

flex: 1, 
alignItems: 'center', 
justifyContent: 'center' 

Und sollte es

arbeiten