当前位置: 首页>>代码示例>>TypeScript>>正文


TypeScript Navigation.push方法代码示例

本文整理汇总了TypeScript中react-native-navigation.Navigation.push方法的典型用法代码示例。如果您正苦于以下问题:TypeScript Navigation.push方法的具体用法?TypeScript Navigation.push怎么用?TypeScript Navigation.push使用的例子?那么恭喜您, 这里精选的方法代码示例或许可以为您提供帮助。您也可以进一步了解该方法所在react-native-navigation.Navigation的用法示例。


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

示例1:

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


注:本文中的react-native-navigation.Navigation.push方法示例由纯净天空整理自Github/MSDocs等开源代码及文档管理平台,相关代码片段筛选自各路编程大神贡献的开源项目,源码版权归原作者所有,传播和使用请参考对应项目的License;未经允许,请勿转载。