检测单击标题图标

Question

我很反应原生。我在我的应用中使用了来自react-native-elements的标头。这是我的代码

<Header
  leftComponent={{ icon: 'menu', color: '#fff' }}
  centerComponent={{ text: 'MY TITLE', style: { color: '#fff' } }} 
  rightComponent={{ icon: 'home', color: '#fff' }}
/>

我无法找到有关如何检测图标点击的示例，如果可能，还会显示额外的视图。我的目标是实现这样的目标： 你有任何示例或示例代码吗？

Answer 1

您必须使用onPress代替onClick。

 <Header
    leftComponent={{ icon: 'menu', color: '#fff' }}
    centerComponent={{ text: 'MY TITLE', style: { color: '#fff' } }} 
    rightComponent={{ icon: 'home', color: '#fff' onPress={() => this.yourFunction} }}
 />

Answer 2

写：插入=，onPress将起作用

  <Header 
     leftComponent={ {text:'ok',color: '#fff', onPress: () => this.myFunction()}}
     centerComponent={{ text: 'MY TITLE', style: { color: '#fff' } }}
  />

或者您可以传递自己的组件，例如

 leftComponent={<MyCustomLeftComponent />}