React native React导航堆栈导航器组件didmount
我正在使用react导航。使用堆栈导航器和嵌套在其中的抽屉。如何在下面的代码中调用componentdidmount和this.props.navgation.Navigation。我有一些事件应该引导用户到特定的屏幕,而不是遵循抽屉的初始路径React native React导航堆栈导航器组件didmount,react-native,react-navigation,React Native,React Navigation,我正在使用react导航。使用堆栈导航器和嵌套在其中的抽屉。如何在下面的代码中调用componentdidmount和this.props.navgation.Navigation。我有一些事件应该引导用户到特定的屏幕,而不是遵循抽屉的初始路径 import React from "react"; import { Platform, Text } from "react-native"; import { Root } from "native-base"; impo
import React from "react";
import { Platform, Text } from "react-native";
import { Root } from "native-base";
import { StackNavigator, DrawerNavigator} from "react-navigation";
import Register from "./components/Register";
import Home from "./components/home/";
import Dashboard from "./components/Dashboard/";
import SideBar from "./components/sidebar";
import Screen1 from "./components/Screen1/";
import Screen2 from "./components/Screen2/";
import Screen3 from "./components/Screen3/";
const Drawer = DrawerNavigator(
{
Dashboard: { screen: Dashboard },
Screen1: { screen: Screen1 },
Screen2 : { screen: Screen2 },
},
{
navigationOptions: {
gesturesEnabled: false,
},
initialRouteName: "Dashboard",
contentOptions: {
activeTintColor: "#e91e63"
},
drawerPosition: 'right',
contentComponent: props => <SideBar {...props} />
}
);
const AppNavigator = StackNavigator(
{
Home: { screen: Home },
Register: { screen: Register },
Drawer: { screen: Drawer },
Screen3: { screen: Screen3 },
},
{
headerMode: "none",
}
);
//HOW TO WRITE COMPONENTDIDMOUNT HERE AND CALL //THIS.PROPS.NAVIGATION.NAVIGATE
export default () =>
<Root>
<AppNavigator />
</Root>;
从“React”导入React;
从“react native”导入{Platform,Text};
从“本机基”导入{Root};
从“反应导航”导入{StackNavigator,DrawerNavigator};
从“/components/Register”导入寄存器;
从“/components/Home/”导入主页;
从“/components/Dashboard/”导入仪表板;
从“/components/SideBar”导入侧栏;
从“/components/Screen1/”导入Screen1;
从“/components/Screen2/”导入Screen2;
从“/components/Screen3/”导入Screen3;
const Drawer=付款人(
{
仪表板:{屏幕:仪表板},
屏幕1:{screen:Screen1},
屏幕2:{screen:Screen2},
},
{
导航选项:{
手势已启用:错误,
},
initialRouteName:“仪表板”,
内容选项:{
activeTintColor:#e91e63
},
抽屉位置:'对',
contentComponent:props=>
}
);
const AppNavigator=StackNavigator(
{
主页:{screen:Home},
寄存器:{屏幕:寄存器},
抽屉:{屏幕:抽屉},
屏幕3:{screen:Screen3},
},
{
headerMode:“无”,
}
);
//如何在此处编写COMPONENTDIDMOUNT并调用//THIS.PROPS.NAVIGATION.NAVIGATE
导出默认值()=>
;
如果您没有创建组件,那么您将无法在此处“写入”ComponentDidMount
有自己的组件didmount
,它在渲染时运行
确保充分了解React和JSX是如何协同工作的: