ReactNative技术分享（二）--页面跳转

RN本身自带页面跳转，但自带的页面跳转带有一个标题栏（巨丑无比），而且RN自带标题栏貌似严重拖慢了页面跳转的速度，当然这只是我个人感觉。

同级目录下新建两个页面比如First.js和Second.js：

在First.js里面引入Second.js

以下为First.js内容

__________________________________________________________

import Second from './Second';

import { StackNavigator } from 'react-navigation';

export class First extends React.Component {

    

}

export default class App = StackNavigator({

    First:{screen:First}, //第一个为该组件的默认页面，即外部使用<App />时候，显示该页面

    Second:{screen:Second},

    //若有其余页面

});

__________________________________________________________

假设First作为当前页，在First中有一个函数goToSecond,则页面跳转即可如以下方式进行

goToSecond() {

    const { navigate } = this.props.navigation;//获取路由

    navigate('Second', ...); //...处为First传给Second的值，值整体是一个对象，里面以键值对的形式书写，

                                        //键必须为变量，不能为字符串

}