问题描述:首页顶部有一个搜索框(native-base的Input组件),点击搜索框进入搜索页,但是点击搜索框,onPress事件并没有触发,导致不能进入搜索页。
解决方案:在Input组件上添加pointerEvents="none",完美解决此问题。
代码如下
<Header searchBar rounded transparent>
<Item onPress={() => { navigation.navigate('SearchClass'); }} style={{ backgroundColor: cv.searchBarBgColor, color: cv.black3 }}>
<Icon name="ios-search" style={{ color: cv.black3 }} />
<Input placeholder="班级编号/某老师" disabled pointerEvents="none" />
</Item>
</Header>
pointerEvent 属性用于控制当前视图是否可以作为触控事件的目标。该属性是字符串类型的属性,有如下几个属性值:
none发生在本组件与本组件的子组件上的触摸事件都会交给本组件的父组件处理。