react-native - 设置 createDrawerNavigator 屏幕标题反应原生

Question

我有以下代码库

const drNav = createDrawerNavigator(
  {

    A: {
      screen: A,
      navigationOptions: {
        title: 'A',
      },
    },
    B: {
      screen: B,
      navigationOptions: {
        title: 'B',
      },
    },
    C: {
      screen: C,
      navigationOptions: {
        title: 'C',
      },
    },
    D: {
      screen: D,
      navigationOptions: {
        title: 'D',
      },
    }
  }
)

但是标题没有显示在标题上，它是空白的

我也试过在每个屏幕上设置标题

static navigationOptions = {
    title: 'A'
 }

但这不起作用，我需要改变什么才能使它起作用，

请指教。谢谢

Answer 1

您应该将函数传递给导航选项。

    const drNav = createDrawerNavigator(
      {

        A: {
          screen: A,
          navigationOptions: () => ({
            title: 'A',
          }),
        },

您可以在docs上找到更多信息。