Reactjs 反应导航：选项卡名称和标题名称相同

我用的是react导航， 我在my

TabNavigator中有一个嵌套的
StackNavigator
这是密码

  const MainNavigator = TabNavigator({
 selectadmin: { screen: SelectAdminScreen },
 otp: { screen: OtpScreen },
 password: { screen: PasswordScreen },
 pin: { screen: PinScreen },
 main: {
   screen: TabNavigator({
     orders: {
           screen: StackNavigator({
             orderlist: { screen: OrderListScreen },
             orderdetail: { screen: OrderDetailScreen }
           })
         }
   },
   {
     tabBarPosition: 'bottom',
     lazy: true,
     tabBarOptions: {
       labelStyle: { fontSize: 12 }
     }
   })
 }
},
{
 navigationOptions: {
  tabBarVisible: false
},
tabBarPosition: 'bottom',
swipeEnabled: false,
lazy: true,
animationEnabled: false,
//backBehavior: 'none',
});

在我的订单里

    static navigationOptions = ({ navigation }) => ({
      title: 'Orders',
      headerRight: (
        <Button
          title="Settings"
          onPress={() => navigation.navigate('settings')}
          backgroundColor="rgba(0,0,0,0)"
          color="rgba(0,122,255,1)"
        />
      ),
      headerStyle: { marginTop: Platform.OS === 'android' ? 20 : 0 },
      tabBarIcon: ({ tintColor }) => {
      return <Icon name="favorite" size={30} color={tintColor} />;
     }
  })

静态导航选项=（{navigation}）=>({
标题:"命令",，
头灯：(
导航。导航（'settings'）}
backgroundColor=“rgba（0,0,0,0）”
color=“rgba（0122255,1）”
/>
),
headerStyle:{marginTop:Platform.OS==='android'？20:0}，
tabBarIcon:（{tintColor}）=>{
返回；
}
})

但是我的选项卡和标题名称是相同的，即，
订单
，我怎么能为选项卡和标题使用不同的名称呢？
在选项卡中，您有错误的属性被假定为tabBarLabel而不是Title

要向堆栈导航添加标题，您需要在堆栈本地化的导航选项中指定标题属性，就像在文档中一样：

至于标签的标题，这是一个类似的过程。该属性是tabBarLabel。在选项卡Navigator的导航选项中。以下是文档的链接：

您指定了订单列表的标题：
标题：“订单”
。要么你错过了它，要么我得不到你想要的。是的，我知道..我希望它是标题（StackNavigator），但主TabNavigator的标题和StackNavigator的标题都是orders。这可能是因为你在这里创建了属性名
orders
，
TabNavigator（{orders:{screen:StackNavigator({…}}，{…}}）
Hello，我们可以增加tabBarLabel的字体大小吗
static navigationOptions = {
 title: 'Orders'
}

static navigationOptions = {
   tabBarLabel: 'Details'
};