反应-导航headerRight未显示

Question

我的AppNavigation.js中有以下代码：

const TodoListsStack = createStackNavigator({
  TodoLists: {
    screen: (props) => <ListsScreen {...props} listType='todo' />,
    navigationOptions: ({navigation}) => ({
      title: 'Todo Lists'
    })
  },
  ...
});

这是我的屏幕：

static navigationOptions = ({navigation}) => {
  return {
    headerRight: (<Button title='Edit' onPress={() => alert('Switch')} />)
  }
}

但是，仅当我更改此按钮时，该按钮才会显示：

screen: (props) => <ListsScreen {...props} listType='todo' />

对此：

screen: ListsScreen

如果这是唯一/最佳选择，我不介意更改，但是我需要将listType='todo'传递给组件。