在反应导航中按字母顺序排列屏幕

Question

我想按字母顺序自动排列我的屏幕。所以我可以只在底部添加一个屏幕而不用担心它在列表中的位置。我有很多屏幕。

这是我的代码（我删除了一些屏幕，因为太多了，没有 post 我的导入）：

export const Root = DrawerNavigator({

  Home: { screen: Home },
  About: { screen: About },
  Administration: { screen: Administration },
  CSF: { screen: CSF },
  Calendar: { screen: Calendar },
  Directory: { screen: Directory },
  HNN: { screen: HNN },
  NHS: {screen: NHS},
  IB: { screen: IB },
  ID: { screen: ID },
  Site: { screen: Site },
  WebStore: { screen: WebStore },


}, {
  // drawer config
  //drawerWidth: 239, //drawer width //auto size for device

  contentComponent: props => <ScrollView><DrawerItems {...props} /></ScrollView>, //scrolling drawer
  //backBehavior: 'none', //currently makes back button do nothing
  drawerPosition: 'right',
  drawerBackgroundColor: 'whitesmoke',
  drawerOpenRoute: 'DrawerOpen', //stuff that prevents errors
  drawerCloseRoute: 'DrawerClose',  //stuff that prevents errors
  drawerToggleRoute: 'DrawerToggle', //stuff that prevents errors
  contentOptions: {
    activeTintColor: '#63461E', //brown active text
    inactiveTintColor: '#7F6D45', //light brown inactive text
    style: {
      marginVertical: 9,

    }
  }
  //end drawer config
});

这可能吗？
我怎样才能做到这一点？

提前致谢

Answer 1

这与 javascript 无关，这与您的代码编辑器如何自动为您执行此操作有关。

对于 Visual Studio 代码，您可以使用插件 Sort JSON Object，它可能适合您。

Alphabetically sorts the keys in selected JSON objects.

在反应导航中按字母顺序排列屏幕

Order screens Alphabetically in react-navigation

reactjs

react-native

react-navigation