Wie man eine Navigation innerhalb eines Modals mit React-Native-Router-Flux hat

Ich muss eine Navigation innerhalb eines Modals in meiner reaktionsorientierten Anwendung haben.

Mit der neuen Version vonreact-native-router-flux, das scheint nicht möglich zu sein. Ich kann eine vertikale Animation erstellen, um die nächste Szene anzuzeigen, was nicht mit einem Modal über einer Szene identisch ist.

    <Scene key="login" direction="vertical">
        <Scene key="loginModal" component={Login} schema="modal" title="Login"/>
        <Scene key="loginModal2" hideNavBar={true} component={Login2} title="Login2"/>
    </Scene>

In meinem Fall muss mein Modal einen transparenten farbigen Hintergrund haben, damit ich die Szene hinter dem Modal sehen kann.

Die einzige Möglichkeit für mich, dies zu tun, wäre die Verwendung der Komponente<Modal> von Eingeborener zu reagieren und eine Navigation darin zu haben, aber es scheint nicht, dass es eine Möglichkeit gibt, so etwas in @ zu definiereRouter.

Was ich brauchen würde, ist eher so etwas:

{/* LoginModal would be a wrapper which can render children */}
<Scene key="login" component={LoginModal}>
    <Scene key="loginModal" component={Login} title="Login"/>
    <Scene key="loginModal2" hideNavBar={true} component={Login2} title="Login2" panHandlers={null} duration={1}/>
</Scene>

Dann inLoginModal würde ungefähr so aussehen:

render(){
    return (
        <Modal animated={true} transparent={true} visible={true}>
            {/* Render the scene that needs to be rendered,
                including the navigation bar */}
            {this.props.children} 
        </Modal>
    );

ibt es einen Weg, wie ich das erreichen könnte? Oder kennen Sie einen besseren Weg, um ein ähnliches Routensystem für Eingeborene zu haben?

Vielen Dank

Antworten auf die Frage(0)

Ihre Antwort auf die Frage