使用 React Native 在 onPress 后更改按钮样式

葡萄酒

例如,我有 3 个带边框的按钮,当我按下其中的 2 个按钮时,其中 2 个按钮会将其样式更改为颜色填充按钮。

我应该使用<Button><TouchableHighlight><TouchableOpacity>或其他人?

我需要在 React Native 中为此提供示例代码。

卡恩奥纳

没关系,您可以使用所有这些我通常在单击按钮时使用这种方法我像这样更改触发组件的状态

默认状态: this.state = { styleIndex: 0 }

<Button
   onPress={this.press}
   style={this.state.styleIndex === 0 ? styles.buttonStyle : styles.buttonStyleClicked}/>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

OnPress从循环更改组件样式-带钩子的React Native

来自分类Dev

如何使用onPress的React Native制作简单的动画?

来自分类Dev

在React Native中使用onPress打开屏幕的问题

来自分类Dev

React Native:如何在onPress事件上更改视图

来自分类常见问题

React Native onPress被自动调用

来自分类Dev

React Native-如何在onPress中更改视图的样式和图像

来自分类Dev

按钮样式无法在React Native中使用

来自分类Dev

在React Native中按更改按钮样式

来自分类Dev

使用挂钩时在onPress之前调用react按钮

来自分类Dev

如何使用带有触发器的 react-navigation 从 FlatList react-native 获取详细数据是来自本机基础的按钮 onPress()?

来自分类Dev

React Native:ScrollView内部的TouchableOpacity onPress问题

来自分类Dev

React Native-从组件获取价值-onPress

来自分类Dev

返回JSX组件onPress react-native

来自分类Dev

React-Native TouchableHighlit OnPress功能

来自分类Dev

当其他按钮的onPress事件时,React-Native创建按钮

来自分类Dev

组件onPress函数内部的渲染按钮显示最后一个i。React-Native

来自分类Dev

如何在 React Native 中的按钮 Click onPress 上检索文本输入输入值?

来自分类Dev

在 Grid react-native-easy-grid 中添加 onPress 功能时布局已更改

来自分类Dev

使用React Native的Flexbox样式

来自分类Dev

React Native - 处理 onPress 事件以在使用时间轴 ListView 按下特定 ListView 时显示图像

来自分类Dev

react-native-maps-多边形onPress事件

来自分类Dev

如何从React Native中的ScrollView组件获取onPress事件

来自分类Dev

React Native:组件上的onPress不起作用

来自分类Dev

react-native:image-crop-picker onPress取消

来自分类Dev

onPress在React Native Flatlist中不起作用

来自分类Dev

在React Native Navigation中为onPress指定名称或键

来自分类Dev

React Native:如何从 map() 生成的组件单独控制每个 onpress()

来自分类Dev

React-Native Button onPress 不起作用?

来自分类Dev

React Native Advice - 触发 Redux Action OnPress Dispatch Action

Related 相关文章

  1. 1

    OnPress从循环更改组件样式-带钩子的React Native

  2. 2

    如何使用onPress的React Native制作简单的动画?

  3. 3

    在React Native中使用onPress打开屏幕的问题

  4. 4

    React Native:如何在onPress事件上更改视图

  5. 5

    React Native onPress被自动调用

  6. 6

    React Native-如何在onPress中更改视图的样式和图像

  7. 7

    按钮样式无法在React Native中使用

  8. 8

    在React Native中按更改按钮样式

  9. 9

    使用挂钩时在onPress之前调用react按钮

  10. 10

    如何使用带有触发器的 react-navigation 从 FlatList react-native 获取详细数据是来自本机基础的按钮 onPress()?

  11. 11

    React Native:ScrollView内部的TouchableOpacity onPress问题

  12. 12

    React Native-从组件获取价值-onPress

  13. 13

    返回JSX组件onPress react-native

  14. 14

    React-Native TouchableHighlit OnPress功能

  15. 15

    当其他按钮的onPress事件时,React-Native创建按钮

  16. 16

    组件onPress函数内部的渲染按钮显示最后一个i。React-Native

  17. 17

    如何在 React Native 中的按钮 Click onPress 上检索文本输入输入值?

  18. 18

    在 Grid react-native-easy-grid 中添加 onPress 功能时布局已更改

  19. 19

    使用React Native的Flexbox样式

  20. 20

    React Native - 处理 onPress 事件以在使用时间轴 ListView 按下特定 ListView 时显示图像

  21. 21

    react-native-maps-多边形onPress事件

  22. 22

    如何从React Native中的ScrollView组件获取onPress事件

  23. 23

    React Native:组件上的onPress不起作用

  24. 24

    react-native:image-crop-picker onPress取消

  25. 25

    onPress在React Native Flatlist中不起作用

  26. 26

    在React Native Navigation中为onPress指定名称或键

  27. 27

    React Native:如何从 map() 生成的组件单独控制每个 onpress()

  28. 28

    React-Native Button onPress 不起作用?

  29. 29

    React Native Advice - 触发 Redux Action OnPress Dispatch Action

热门标签

归档