javascript - 检测点击标题图标

标签 javascript reactjs react-native

我对 React Native 很陌生。我正在使用来自 react-native-elements 的 header 在我的应用程序中。这是我的代码

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

我找不到任何关于如何检测图标点击以及如何显示额外 View 的示例。我的目标是实现这样的目标: enter image description here 您有任何示例或示例代码吗?

最佳答案

写 : insted of = , onPress 会起作用

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

或者你可以传递你自己的组件

 leftComponent={<MyCustomLeftComponent />}

关于javascript - 检测点击标题图标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46725919/

相关文章:

javascript - 带参数的 JQuery 回调 - 新手

javascript - 我怎样才能改进这个 WebGL/GLSL 图像下采样着色器

javascript - 覆盖外部脚本中定义的函数

javascript - 使用 Fuzzy.js 和表格进行模糊搜索? ReactJS

react-native-ssl-pinning - 此服务器的证书无效

javascript - jQuery 在水平滚动后找到第一个可见元素

javascript - 根据 "map"REACT/Materialui 上单选按钮的键设置对象的颜色

javascript - react 子 JSX 元素不从父级继承

javascript - React-Native:下载图像并将其转换为 Base64 图像

javascript - prop-types 在 React Native 应用程序中不起作用