react-native-router-flux改变安卓切换动画
2018-11-23 本文已影响0人
Jarry_491b
实现安卓和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';