react-native - 如何一次为堆栈导航器中的所有屏幕提供标题标题？

Question

我有一个像 stackNavigator

const AddAccountStack = createStackNavigator({
  AddAccount: {
    screen: AddAccountScreen,
    navigationOptions: {
      headerTitle: () => <HeaderBarIcon/>,
    },
  },
  AddAccountDetail: {
    screen: AddAccountDetailScreen,
    navigationOptions: {
      headerTitle: () => <HeaderBarIcon/>,
    },
  },
  AddAccountDone: {
    screen: AddAccountDoneScreen,
    navigationOptions: {
      headerTitle: () => <HeaderBarIcon/>,
    },
  }
}, {
  headerLayoutPreset: "center",
});

它有效 很好 , 但是 ，我必须在所有屏幕上添加导航选项。所以我想立刻给 navigationOption 像，

const AddAccountStack = createStackNavigator({
  AddAccount: AddAccountScreen,
  AddAccountDetail: AddAccountDetailScreen,
  AddAccountDone: AddAccountDoneScreen,
}, {
  headerLayoutPreset: "center",
  navigationOptions: () => ({
    headerTitle: <HeaderBarIcon/>
  })
});

但它不起作用。

你能给我一些关于我如何给予的提示navigationOptions : headerTitle在 stackNavigator 一次？

HeaderBarIcon 的代码如下，

class HeaderBarIcon extends React.Component {
render() {
  return (
    <Image
      source={require('assets/test.png')}
      style={{ height: "40%" }}
      resizeMode="contain"
    />
  );
}}

Answer 1

const AddAccountStack = createStackNavigator(
  {
    AddAccount: AddAccountScreen,
    AddAccountDetail: AddAccountDetailScreen,
    AddAccountDone: AddAccountDoneScreen,
  },
  {
    navigationOptions: {
      headerTitle: <HeaderBarIcon/>
    }
  }
);

试试这个，这应该有效。
或更改为

navigationOptions: () => ({
      title: <HeaderBarIcon/>,
    }),

这个没有测试。