TypeScript react-native-navigation.Navigation类代码示例

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› TypeScript›TypeScript教程

原作者: [db:作者] 来自: [db:来源] 收藏邀请

本文整理汇总了TypeScript中react-native-navigation.Navigation类的典型用法代码示例。如果您正苦于以下问题：TypeScript Navigation类的具体用法？TypeScript Navigation怎么用？TypeScript Navigation使用的例子？那么恭喜您, 这里精选的类代码示例或许可以为您提供帮助。

在下文中一共展示了Navigation类的7个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于我们的系统推荐出更棒的TypeScript代码示例。

示例1: getConstants

export async function getConstants(componentId: string) {
  if (Platform.OS === 'ios') {
    return NativeModules.RNUeno.getConstantsForComponentId(componentId);
  }

  return Navigation.constants();
}

开发者ID:birkir，项目名称:kvikmyndr-app，代码行数:7，代码来源:getConstants.ts

示例2:

export const pushMovieScreen = ({
  componentId,
  movieId,
  elementId,
  selectedTab,
}: IPushMovieScreenProps) => {
  const { posterAnimation } = Store.settings;
  Navigation.push(componentId, {
    component: {
      name: MOVIE,
      passProps: {
        movieId,
        selectedTab,
      },
      options: (!elementId || !posterAnimation) ? {} : {
        animations: {
          push: {
            waitForRender: true,
            enabled: true,
            content: {
              alpha: {
                from: 0,
                to: 1,
                duration: 250,
              },
            },
          },
        },
        customTransition: {
          animations: [
            {
              type: 'sharedElement',
              fromId: elementId,
              toId: 'MOVIE_POSTER',
              startDelay: 0,
              springVelocity: 0.9,
              springDamping: 0.9,
              duration: 500 * Platform.select({ ios: 0.001, android: 1 }),
              interactivePop: true,
            },
          ],
        },
      },
    },
  });
};

开发者ID:birkir，项目名称:kvikmyndr-app，代码行数:46，代码来源:index.ts

示例3: registerScreens

export function registerScreens(store: Redux.Store, Provider: any) {
  Navigation.registerComponent('rnts.LoginScreen', () => LoginScreen, store, Provider);
  Navigation.registerComponent('rnts.Home', () => HomeScreen, store, Provider);
  Navigation.registerComponent('rnts.Favorite', () => FavoriteScreen, store, Provider);
}

开发者ID:bolshchikov，项目名称:react-native-typescript-guineapig，代码行数:5，代码来源:index.ts

示例4:

Screens.forEach((ScreenComponent, key) =>
  Navigation.registerComponent(key, () => ScreenComponent));

开发者ID:birkir，项目名称:kvikmyndr-app，代码行数:2，代码来源:index.ts

示例5: require

YellowBox.ignoreWarnings([
  'Required dispatch_sync to load constants for CodePush. This may lead to deadlocks',
  'RCTBridge required dispatch_sync to load CodePush. This may lead to deadlocks',
]);

// Include devtools
if (__DEV__) {
  const { connectToDevTools } = require('mobx-devtools/lib/mobxDevtoolsBackend.js');
  connectToDevTools({ host: 'localhost', port: '8098' });

  // XMLHttpRequest = (global as any).originalXMLHttpRequest || (global as any).XMLHttpRequest;
}

// Enable LayoutAnimation on android
if (Platform.OS === 'android') {
  UIManager.setLayoutAnimationEnabledExperimental(true);
}

// Register screens
Screens.forEach((ScreenComponent, key) =>
  Navigation.registerComponent(key, () => ScreenComponent));

// Start application
Navigation.events().registerAppLaunchedListener(() => {

  // Hydrate store and start app
  Store.hydrate()
  .then(theme.update)
  .then(startApp);
});

开发者ID:birkir，项目名称:kvikmyndr-app，代码行数:30，代码来源:index.ts

示例6: setVar

import { Navigation } from 'react-native-navigation';

// Add some static re-usable css variables here
setVar('--hairline-width', StyleSheet.hairlineWidth);

// Add themes here
setTheme('default');
setThemeVars('default', {
  '--primary-color': '#ff2244',
  '--gutter': 8,
});

export default {
  async update() {
    // Add device width and height
    const { width, height } = Dimensions.get('window');
    setVar('--window-width', width);
    setVar('--window-height', height);

    // Add navigation constants
    const res = await Navigation.constants();
    setVar('--bottom-tabs-height', res.bottomTabsHeight);
    setVar('--status-bar-height', res.statusBarHeight);
    setVar('--top-bar-height', res.topBarHeight);

    // Add dynamic variables here
    // ...
    return true;
  },
};

开发者ID:birkir，项目名称:kvikmyndr-app，代码行数:30，代码来源:theme.ts

示例7: 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类示例由纯净天空整理自Github/MSDocs等源码及文档管理平台，相关代码片段筛选自各路编程大神贡献的开源项目，源码版权归原作者所有，传播和使用请参考对应项目的License；未经允许，请勿转载。