美文网首页
react-native-router-flux改变安卓切换动画

react-native-router-flux改变安卓切换动画

作者: Jarry_491b | 来源:发表于2018-11-23 12:02 被阅读0次

实现安卓和ios一样的从右往左的切换效果,安卓中默认是从下往上,需要在Stack这层配置transitionConfig={() => ({ screenInterpolator: CardStackStyleInterpolator.forHorizontal })}

              {/*智能借还*/}
              <Stack hideNavBar key="circulationInit" titleStyle={{ alignSelf: 'center' }} transitionConfig={() => ({ screenInterpolator: CardStackStyleInterpolator.forHorizontal })}>
                <Scene key="circulation" component={BookList}/>
                <Scene key="circulationSearch" component={CirculationSearch}/>
                <Scene key="breakBook" component={BreakBook}/>
                <Scene key="bookLoss" component={BoolLoss}/>
              </Stack>

然后报错,提示这个文件不存在:CardStackStyleInterpolator,查询后得知:

  • 引用StackViewStyleInterpolator这个方法集来代替CardStackStyleInterpolator的。
  • 这个方法集的路径也需要注意一下。在2.12.1版本之前, 该文件在react-navigation/src/views/StackView/中,
  • 在更高版本中,该文件已经移到了react-navigation-stack/dist/views/StackView/中。
    在代码之前引入CardStackStyleInterpolator
    import CardStackStyleInterpolator from 'react-navigation-stack/dist/views/StackView/StackViewStyleInterpolator';

相关文章

  • react-native-router-flux改变安卓切换动画

    实现安卓和ios一样的从右往左的切换效果,安卓中默认是从下往上,需要在Stack这层配置transitionCon...

  • 安卓页面切换动画效果详解

    在开发项目时我们可能会收到测试反馈,怎么同一个版本两个手机页面跳转的时候进入动画不一样。因为部分手机默认没有动画效...

  • Android源码学习-属性动画源码浅析

    介绍 安卓的动画有:View动画,帧动画和属性动画。其中View动画只是让View的影像发生变化,并不能真的改变V...

  • 安卓动画

    android.view.animation Tween(补间动画/渐变动画)特点:只是改变了View的显示效果而...

  • 安卓动画

    补间动画 帧动画 属性动画 TweeAnimation 补间动画 只可以改变两个关键帧之间的透明度,旋转,缩放,位...

  • 安卓动画

    Android 中的动画可以分为以下几类: 逐帧动画 补间动画 属性动画 1、逐帧动画 逐帧动画的原理就是让一系列...

  • 【安卓学习笔记】安卓动画的实现(1)——补间动画(Tween)

    安卓动画分类 安卓动画分为图中所示4大类。所谓帧动画,即准备很多图片,让图片按一定时间连续播放,从而达到模拟动画效...

  • react-navigation相关bug的解决

    让安卓实现push动画 之前我群里的讨论怎么让安卓实现类似iOS的push动画,后来翻看官方issues的时候,真...

  • Android基础之动画资源浅析

    动画 在开发中,为了让我们的App更加生动,我们往往会加入一些动画效果,下面我们来说说安卓中的动画。 安卓中提供了...

  • 安卓动画--属性动画

    属性动画类似于跟看电影一样,都是多张图片,一贞一贞展现出来。可以配置在xml里面,通过每贞图片停留时间长短,结合在...

网友评论

      本文标题:react-native-router-flux改变安卓切换动画

      本文链接:https://www.haomeiwen.com/subject/bdqjqqtx.html