react-native – 如何从react-navigation Header调用Screen / Co

发布时间：2020-12-15 20:11:18 所属栏目：百科来源：网络整理

导读：我需要从React Navigation Header调用SearchScreen类方法. 导航器看起来像这样： Search: { screen: SearchScreen,path: 'search/:query',navigationOptions: { title: 'Search',header: { right: ( MaterialCommunityIcons name="filter" onPress={() = { c

我需要从React Navigation Header调用SearchScreen类方法.

导航器看起来像这样：

Search: {
    screen: SearchScreen,path: 'search/:query',navigationOptions: {
      title: 'Search',header: {
        right: (
          <MaterialCommunityIcons
            name="filter"
            onPress={() => {
              console.log(this);
            }}
            style={{marginRight: 15,color: 'white'}}
            size={24}
          />
        ),},}
  }

解决方法

我做了以下工作：

// declare static navigationOptions in the Component
static navigationOptions = {
  title: 'Title',header: ({ state }) => ({
    right: (
      <MaterialCommunityIcons
        name="filter"
        onPress={state.params.handleFilterPress}
        style={{marginRight: 15,color: 'white'}}
        size={24}
      />
    ),}),}

_handleFilterPress() {
  // do something
}


componentDidMount() {
  // set handler method with setParams
  this.props.navigation.setParams({ 
    handleFilterPress: this._handleFilterPress.bind(this) 
  });
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!