亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何在反應導航中從抽屜堆棧導航到開關堆棧?

如何在反應導航中從抽屜堆棧導航到開關堆棧?

繁星coding 2021-08-26 15:14:54
我正在使用 React-navigation V3。如何從 contentComponent 中的 MenuDrawer 導航到 Swith Navigator 中的登錄屏幕?這是我的開關導航器(我的登錄名)。const AppContainer = createAppContainer(createSwitchNavigator(  {    VerifyActiveUser,    ActProgramadas: MainDrawer,    Login,    SyncData  },  {    initialRouteName: 'VerifyActiveUser',  }));export default class StackNavigator extends Component{  render(){      return <AppContainer       />;  }}這是我的抽屜堆棧(MainDrawer)。MenuDrawer 是我的自定義抽屜,從那里我想使用“退出”按鈕轉到登錄屏幕(來自切換導航器)以結束我的用戶會話,但我不知道如何將導航道具發送到我的抽屜的 contentComponent:const DrawerConfig ={    drawerWidth: WIDTH * 0.86,    contentComponent: ({navigation}) => {        return (<MenuDrawer navigation = { navigation } />);    },    contentOptions: {        activeTintColor: 'blue',        activeBackgroundColor: 'green'    },    initialRouteName: 'ActProgramadas',    unmountInactiveRoutes: true,    edgeWidth: WIDTH * 0.80,    backBehavior: false}const MyDrawerNavigator = createDrawerNavigator({    ActProgramadas: { screen: StackNavigator },    ActRealizadas: { screen: StackActReal },    ObsTecnicas: { screen: StackObs },    ObsPendientes: { screen: StackObsPend },    ObsRealizadas: { screen: StackObsReal },    SyncData}, DrawerConfig);const AppContainer = createAppContainer(MyDrawerNavigator)export default class DrawerNavigator extends Component{    render(){        return <AppContainer />;    }}我可以使用 redux 將 navigation.navigate('Login') 道具從開關發送到我的自定義抽屜嗎?
查看完整描述

1 回答

?
米琪卡哇伊

TA貢獻1998條經驗 獲得超6個贊

您可以在抽屜中添加注銷屏幕。屏幕是一個 React 組件,它定義了掛載時的注銷行為:


import React from 'react';

import { View, AsyncStorage, ActivityIndicator, StatusBar } from 'react-native';



export default class LogoutScreen extends React.Component {

  async componentDidMount() {

      await AsyncStorage.clear();

      this.props.navigation.navigate('Login');

  }


  render() {

    return (

      <View>

        <ActivityIndicator />

        <StatusBar barStyle='default' />

      </View>

    );

  }

}


查看完整回答
反對 回復 2021-08-26
  • 1 回答
  • 0 關注
  • 178 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號