react-native - react-navigation A right-aligned drawerLabel
问题描述
I'm working on createDrawerNavigator
and I added drawerPosition: 'right',
But drawerLabel: 'Home'
Still is in left.
How Should I put content of DrawerNavigator in right align?
class MyHomeScreen extends React.Component {
static navigationOptions = {
drawerLabel: 'Home',
};
render() {
return (
<View>
<Button
onPress={() => this.props.navigation.toggleDrawer()}
title="Open Drawer"
/>
</View>
);
}
}
const MyApp = createDrawerNavigator({
Home: {
screen: MyHomeScreen,
},
Notifications: {
screen: MyNotificationsScreen,
},
},
{
drawerPosition: 'right',
});
解决方案
Solved✅.
const DrawerStack = createDrawerNavigator(
{
Home: {
screen: Screen1Stack
},
About: {
screen: Screen2Stack,
},
},
{
initialRouteName: 'Home',
contentOptions: {
activeTintColor: '#e91e63',
itemsContainerStyle: {
// opacity: 1
},
iconContainerStyle: {
// opacity: 1
},
itemStyle: {
flexDirection: 'row-reverse'
}
},
drawerWidth: 300,
drawerPosition: 'right'
}
);
推荐阅读
- android-studio - android studio中发布模式的SHA1密钥认证
- python - if-elif-else 和/或字符串比较问题的 Python 问题
- python - 如何使用新加坡时间戳让 Balance 在 bitBTC 交易 API 上工作得到未经授权的错误
- python - 绘制不同频率的数据叠加图
- php - 无法在 Form POST Laravel 应用程序上保存数据?
- reactjs - Amazon Cloudfront 在从 www 重定向到裸域时附加 index.html
- google-cloud-platform - 如何使用 GCP 平台流式传输事件?
- java - 具有通用节点类型的双向链表
- python - 减法中遇到无效值 - Softmax,Python
- angular - 验证用户,然后发送 JWT 并提供 Angular 应用程序