美文网首页
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改变安卓切换动画

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