textTransform在react-native抽屉选项中无效？

Question

我希望抽屉选项中的文字为大写。所以我做了以下代码。

const drawerOptions = {
    drawerPosition:'right',
    drawerBackgroundColor:'#86959a',
    contentOptions:{
        activeTintColor:'white',
        inactiveTintColor:'white',
        labelStyle:{textTransform:'uppercase'}
    },
};

const Navigator = DrawerNavigator(Router,drawerOptions);

然而，我收到警告

  

警告：道具类型失败：提供给textTransform的props.style键Text无效。

如何将抽屉菜单中的菜单项设为大写？

Answer 1

大概您是否正在使用drawerLabel option传递您想要的文字？因此，您可以手动将文本设置为大写，如下所示：

static navigationOptions = {
  drawerLabel: 'MENU ITEM'
};

如果您传入的是变量而不是手动输入的字符串，则可以使用JavaScript toUpperCase()函数：

const menuItem = 'menu item';
static navigationOptions = {
  drawerLabel: menuItem.toUpperCase()
};