react native Touchable组件

做app过程中会需要用到点击事件,点击事件可以用TouchableOpacity相关组件。

TouchableWithoutFeedback组件:不显示任何视觉效果的响应用户点击事件。

TouchableHighlight: 背景变暗效果的响应用户点击事件。

TouchableOpacity: 不改变背景色降低按钮透明度效果的响应用户点击事件。

TouchableNativeFeedback: 按下时形成水波纹状视觉效果的响应用户点击事件。(仅支持Android)

这四种组件都是封装视图的组件,只支持一个组件,所以在使用时,要用View将他们封装成一个组件。

TouchableOpacity可以使用activeOpacity来设置按下去的透明度,1是完全不透明,0是完全透明。

TouchableOpacity可以使用onPress与navigate实现页面间的跳转传值。

例:

<TouchableOpacity activeOpacity={0.7} onPress={()=>navigate("b",{item.name})} >
  <View>
    <Text>a</Text>
  </View>
</TouchableOpacity>

日记本

如果觉得我的文章对您有用,请随意赞赏。您的支持将鼓励我继续创作!

赞赏支持
被以下专题收入,发现更多相似内容