React Native 动态更改 drawerLabel

里德

我正在使用 react-navigation 并且有一个应用程序,drawerLabel如果用户更改权限(版主与否),我需要能够动态更改

我在组件中设置了抽屉标签

  static navigationOptions = {
    title: 'Browse',
    drawerLabel: 'My Bookings',
    drawerIcon: ({tintColor}) => <Image source={navIcon} style={[styles.icon, {tintColor}]} />,
    header: null,
  };

我想我可以用 setPrams 更改标签,但以下似乎不起作用:

  static getDerivedStateFromProps(props, state) {
    if (props.admin) {
      props.navigation.setParams({drawerLabel: 'Manage Bookings'});
    }
  }

我会如何改变drawerLabel

马克西姆·别兹鲁奇科

留下这个代码:

static getDerivedStateFromProps(props, state) {
   if (props.admin) {
     props.navigation.setParams({drawerLabel: 'Manage Bookings'});
   }
}

并尝试改变这一点:

static navigationOptions = {
  ...
  drawerLabel: 'My Bookings',
  ...
};

对此:

static navigationOptions = ({ navigation }) => {
  const { params } = navigation.state; 
  return {
    ...
    drawerLabel:  params.drawerLabel || 'My Bookings',
    ...
  }
};

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

React native-动态更改样式

来自分类Dev

react native 从 SQLite 动态更改 ListView

来自分类Dev

在React Native中动态更改图像URL

来自分类Dev

在 react-native 中动态更改 View 的背景颜色

来自分类Dev

react-navigation 一个右对齐的 drawerLabel

来自分类Dev

React Native 动态样式

来自分类Dev

React Native中的动态色彩

来自分类Dev

React Native动态Webview高度

来自分类Dev

创建动态组件 React (Native)

来自分类Dev

在React Native(iOS)中支持动态类型

来自分类Dev

传递动态道具React-native

来自分类Dev

React-native,动态渲染按钮单击

来自分类Dev

动态渲染MapView标记React Native

来自分类Dev

React Native:动态样式类变量

来自分类Dev

在React Native中动态创建组件

来自分类Dev

等价于React Native Navigation的动态查询参数?

来自分类Dev

如何使用React Native动态处理图像

来自分类Dev

在React Native中动态指定JSON

来自分类Dev

React-native,动态渲染按钮单击

来自分类Dev

在 react-native 中加载动态资产

来自分类Dev

无法动态构建 svg 路径 react native

来自分类Dev

在React Native中按更改按钮样式

来自分类Dev

React Native:更改ListView项目的样式

来自分类Dev

react-native-datepicker更改输入格式

来自分类Dev

React Native:从其他组件更改状态

来自分类Dev

在React Native中使用钩子更改文本

来自分类Dev

React Native-如何收听权限更改?

来自分类Dev

在React Native中更改父视图的道具

来自分类Dev

React Native 主动更改 StackNavigator 标题颜色