Reactjs 如何更改React Navigation 5中选项卡栏的项目对齐方式?

Reactjs 如何更改React Navigation 5中选项卡栏的项目对齐方式?,reactjs,react-native,navigation,icons,tabbar,Reactjs,React Native,Navigation,Icons,Tabbar,因此,似乎默认对齐是 alignItems: "space-around" 但我需要改变这个。我试图通过传递选项卡的样式来为选项卡栏添加样式。导航器如下: style={{ alignItems: "flex-start", }} tabBarOptions={{ style: { alignItems: "flex-start", }, }} 或者像这样: style={{ alignI

因此,似乎默认对齐是

alignItems: "space-around"
但我需要改变这个。我试图通过传递选项卡的样式来为选项卡栏添加样式。导航器如下:

style={{
    alignItems: "flex-start",
}}
tabBarOptions={{
   style: {
       alignItems: "flex-start",
   },
}}
或者像这样:

style={{
    alignItems: "flex-start",
}}
tabBarOptions={{
   style: {
       alignItems: "flex-start",
   },
}}

这也没用。如何执行此操作?

您可以自定义选项卡栏Reff:您可以自定义选项卡栏Reff: