React native 在React Native中创建动态抽屉导航器

我有一个三个类别。这个类别在状态变量中定义。现在我希望这个类别将显示在导航器中

这是我的代码

constructor(props)
    {
      super(props);
      this.state = {
        myCategory: [
          {
            category: 'Category1'
          },
          {
            category: 'Category2'
          },
          {
            category: 'Category3'
          }
        ]
      }
    }

    const MyDrawerNavigator = createDrawerNavigator({
     // display category

    });
const MainStack = createAppContainer(MyDrawerNavigator);

---

当前版本的React Navigation有一个静态配置API，这意味着所有配置都必须在渲染外部完成。这使得动态导航器等用例在React Navigation 4之前不可能实现

React Navigation 5有一个新的基于组件的API来配置导航器，这使动态导航器成为可能：

从'@react navigation/drawer'导入{createDrawerNavigator}；
const Drawer=createDrawerNavigator（）；
导出默认功能抽屉屏幕（）{
const[categories，setCategories]=React.useState([
“类别1”，
“类别2”，
“类别3”，
]);
返回(
{categories.map（category=>(
))}
);
}

文件：

请记住，React Navigation 5仍处于alpha状态