设置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上找到更多信息。