react-native 实现界面局部的路由跳转
版本
"react-navigation": "2.18.3"
"react-native": "0.62.2"
直接上代码
import React from 'react';
import {createStackNavigator} from 'react-navigation';
import {View} from 'react-native';
const MyStack = createStackNavigator(
{
Home: {screen: 引入的页面}, //首页
},
{
initialRouteName: 'Home',
headerMode: 'none',
},
);
class App extends React.Component {
static router = {
...MyStack.router,
getStateForAction: (action, lastState) => {
return MyStack.router.getStateForAction(action, lastState);
},
};
componentWillMount = async () => {
};
constructor(props) {
super(props);
this.state = {
};
}
componentWillUnmount() {
}
render() {
const {navigation} = this.props;
return (
<>
<View>头部区域</View>
<MyStack navigation={navigation}/>
<View>尾部区域</View>
</>
);
}
}
const styles = StyleSheet.create({
});
export default App;