當前位置: 首頁>>代碼示例>>TypeScript>>正文


TypeScript Navigation.setRoot方法代碼示例

本文整理匯總了TypeScript中react-native-navigation.Navigation.setRoot方法的典型用法代碼示例。如果您正苦於以下問題:TypeScript Navigation.setRoot方法的具體用法?TypeScript Navigation.setRoot怎麽用?TypeScript Navigation.setRoot使用的例子?那麽, 這裏精選的方法代碼示例或許可以為您提供幫助。您也可以進一步了解該方法所在react-native-navigation.Navigation的用法示例。


在下文中一共展示了Navigation.setRoot方法的1個代碼示例,這些例子默認根據受歡迎程度排序。您可以為喜歡或者感覺有用的代碼點讚,您的評價將有助於係統推薦出更棒的TypeScript代碼示例。

示例1: async

export const startApp = async () => {

  const weekScreen = {
    stack: {
      id: 'WEEK_SCREEN',
      children: [
        {
          component: {
            name: WEEK,
          },
        },
      ],
    },
  };

  const comingSoonScreen = {
    stack: {
      id: 'COMING_SOON_SCREEN',
      children: [
        {
          component: {
            name: COMING_SOON,
          },
        },
      ],
    },
  };

  const settingsScreen = {
    stack: {
      id: 'SETTINGS_SCREEN',
      children: [
        {
          component: {
            name: SETTINGS,
          },
        },
      ],
    },
  };

  if (Platform.OS === 'ios') {
    return Navigation.setRoot({
      root: {
        id: 'ROOT',
        bottomTabs: {
          id: 'BOTTOM_TABS',
          children: [
            weekScreen,
            comingSoonScreen,
            settingsScreen,
          ],
        },
      },
    });
  }

  return Navigation.setRoot({
    root: {
      id: 'ROOT',
      sideMenu: {
        left: {
          component: {
            name: MENU,
          },
        },
        center: {
          stack: {
            id: 'CENTER',
            children: weekScreen.stack.children,
          },
        },
      },
    },
  });
};
開發者ID:birkir,項目名稱:kvikmyndr-app,代碼行數:76,代碼來源:index.ts


注:本文中的react-native-navigation.Navigation.setRoot方法示例由純淨天空整理自Github/MSDocs等開源代碼及文檔管理平台,相關代碼片段篩選自各路編程大神貢獻的開源項目,源碼版權歸原作者所有,傳播和使用請參考對應項目的License;未經允許,請勿轉載。