React Native + react-native-router-flux: Was bedeutet <Scene key = 'modal' Komponente = {Modal} />?

Question

Ich bin neu zu reagieren-native-Router-flux und werfen Sie einen Blick auf das Beispiel. Ich überprüfte die Dokumente, aber ich kann immer noch nicht herausfinden, was <Scene key='modal' component={Modal}/>. Was ist seine Verwendung? Hier

ist die genaue Linie: https://github.com/aksonov/react-native-router-flux/blob/master/Example/Example.js#L95-Lundefined

Danke

Answer 1

<Scene key='modal' component={Modal}/> Sets bis die App, so dass die modale oben auf alles andere erscheinen. Es ist nicht das Modal selbst, sondern nur die Zeile, die verwendet wird, um die App so vorzubereiten, dass sie etwas anderes über das Ganze hinaus laden kann ... wie den Z-Index oder die oberste Ebene, die initialisiert wird. Hilft das?

Referenz: https://github.com/aksonov/react-native-router-flux/blob/master/docs/OTHER_INFO.md#modals

Aus dem Codebeispiel unten, können Sie sehen, dass die ‚root‘ (eine Ebene unterhalb Ihrer modalen Linie) auf dem gleichen Niveau wie die ‚tatsächlichen‘ modal:

import StatusModal from './components/StatusModal' 

<Router> 
    <Scene key="modal" component={Modal} > 
    <Scene key="root"> 
     <Scene key="screen1" initial={true} component={Screen1} /> 
     <Scene key="screen2" component={Screen2} /> 
    </Scene> 
    <Scene key="statusModal" component={StatusModal} /> 
    </Scene> 
</Router> 

Wenn Sie kein Modal haben, brauchen Sie diese Zeile nicht. Es ist nur in den reaktiven nativen Router-Flux-Beispielen, weil dort eine Modal-Demo drin ist.