推送时更改导航栏的转换

Question

我在我的应用程序中使用Navigator进行导航，并使用不同的过渡（sceneconfigs）进行不同的推送。但是，导航栏的转换不受影响：即使更改了sceneconfig，所有推动也会从右向左动画。

gif http://i65.tinypic.com/25exqxh.jpg

按下左按钮时，视图将使用

从左向右转换

Navigator.SceneConfigs.FloatFromLeft

然而，正如您所看到的，导航栏的内容将从右向左转换。

如何修改此行为？我需要导航栏转换与所选的sceneconfig一致..​​

Answer 1

您可能想要从以下默认SceneConfigs中选择

PushFromRight
FloatFromRight
FloatFromLeft
FloatFromBottom
FloatFromBottomAndroid
FadeAndroid
HorizontalSwipeJump
HorizontalSwipeJumpFromRight
VerticalUpSwipeJump
VerticalDownSwipeJump

如果您想了解更多 - https://github.com/facebook/react-native/blob/master/Libraries/CustomComponents/Navigator/NavigatorSceneConfigs.js

Answer 2

有2个带导航栏样式的文件 - 一个用于iOS，一个用于Android：

https://github.com/facebook/react-native/blob/master/Libraries/CustomComponents/Navigator/NavigatorNavigationBarStylesIOS.js

https://github.com/facebook/react-native/blob/master/Libraries/CustomComponents/Navigator/NavigatorNavigationBarStylesAndroid.js

您可以在此处修改导航栏组件的转换 - 左键，标题和右键。