Jump from the native page to the specified RN page

[liweijieok]

Version

• react-native-router-flux v4.0.0-beta.28
• react-native v0.54.2

Expected behaviour

Hello，My requirement is to jump from the native page to the specified RN page(may not initial=true ).

Actual behaviour

I tried several ways, but I still couldn't fulfill my needs.

1. Register multiple entries

//index.android.js
AppRegistry.registerComponent("FoundationHome", () => FoundationHome);
AppRegistry.registerComponent("FoundationPersonal", () => FoundationPersonal);
//Component
export class FoundationHome extends Component {
    static defaultProps = {
        entrance: "FoundationPage"
    };

    render() {
        return (
            <Provider store={store}>
                {FHRouters(this.props)}
            </Provider>
        );
    }
}

export class FoundationPersonal extends Component {
    static defaultProps = {
        entrance: "FoundationPage"
    };

    render() {
        return (
            <Provider store={store}>
                {FPRouters(this.props)}
            </Provider>
        );
    }
}

// MyRouter
export const FHRouters = (props) => {
    return (
        <Router
            getSceneStyle={() => {
                return styles.routerStyle;
            }}
        >
            <Lightbox>
                <Scene key={"root"}
                       header={null}
                >
                    <Scene key={"FoundationPage"} component={FoundationPage}
                           initial={true}{...props}/>
                    <Scene key={"PersonalDetailPage"} component={PersonalDetailPage}/>
                </Scene>

            </Lightbox>

        </Router>
    );
};

export const FPRouters = (props) => {
    return (
        <Router
            getSceneStyle={() => {
                return styles.routerStyle;
            }}
        >
            <Lightbox>
                <Scene key={"root"}
                       header={null}
                >
                    <Scene key={"PersonalDetailPage"} initial={true} component={PersonalDetailPage} {...props}
                    />
                    <Scene key={"FoundationPage"} component={FoundationPage}
                    />
                </Scene>

            </Lightbox>

        </Router>
    );
};

when id use

    ....
    Intent start = new Intent(mContext, FoundationReactActivity.class);//FoundationHome
    mContext.startActivity(start);

is the same page opened as below

 ...
 Intent start = new Intent(mContext, FoundationPersonalReactActivity.class); //FoundationPersonal
 mContext.startActivity(start);

2. I use the same entrance（One Activity but not the same props）

export const FHRouters = (entrance) => {
    return (
        <Router
            getSceneStyle={() => {
                return styles.routerStyle;
            }}
        >
            <Lightbox>
                <Scene key={"root"}
                       header={null}
                >
                    <Scene key={"FoundationPage"} component={FoundationPage}
                           initial={entrance === "FoundationPage"} />
                    <Scene key={"PersonalDetailPage"} component={PersonalDetailPage}
                           initial={entrance === "PersonalDetailPage"}
                    />
                 
                </Scene>

            </Lightbox>

        </Router>
    );
};

But neither method works. it looks like the reason for the cache。Because I have two different parameters to open the specified page or the same page.

What should i do!

Thanks.

[asciifaceman]

This is a little over my head, so sorry if this isn't helpful, but maybe? https://facebook.github.io/react-native/docs/communication-ios.html

[liweijieok]

@asciifaceman thank you for your advice, but it doesn't seem to work, the proplem is that i try to use double router to different page(purpose for native to RN page)，but they opened the same page.It will display normal when I manually refresh by double R.

[liweijieok]

I use ReactNative Navigation instead of RNRF to solve this problem.