如何在使用ReactNative的StackNavigator时禁用导航动画并删除屏幕标题？

Question

我创建了一个使用StackNavigator的ReactNative应用程序。只要应用程序从一个屏幕导航到另一个屏幕，它就会为导航设置动画。有没有办法删除动画或自定义它？ StackNavigator还为我的每个屏幕添加了一个标题。有没有办法删除屏幕标题？我尝试将navigationOptions的'title'属性设置为空屏幕，并且屏幕呈现时没有标题。但是，从此屏幕导航到另一个屏幕将导致异常。

e.g。这些示例屏幕中的“欢迎”标题

Answer 1

要从stackNavigator屏幕移除标题，请将headerMode中的StackNavigatorConfig设置为none。因此，您的stackNavigator应如此：

import HomeScreen from 'path/to/screen';

const stack = StackNavigator({
  Home: {
    screen: HomeScreen
  }
}, {
  headerMode: 'none' // <= here
});

有一个活跃的建议允许在反应导航中自定义动画。您可以按照open issue

进行操作