react native (1) 新建页面并跳转

时间:2023-03-09 16:33:45
react native (1) 新建页面并跳转

新建页面

1.新建文件

import React from 'react';
import { Text } from 'react-native';
export default class todayAttenScreen extends React.Component {
render() {
return <Text>我是个菜鸟</Text>
}
}

2.找到navigation下的MainTabNavigator.js文件定义

        (1) import todayAtten from '引入的文件路径';
        (2) 在export default createStackNavigator({]);中注册并初始化路由
           todayAttenScreen: {screen: todayAtten, header: null}
3.跳转
this.props.navigation.replace('todayAttenScreen')