更改按钮颜色和文本 onPress

Posted 2023-03-07

【中文标题】更改按钮颜色和文本 onPress

【英文标题】：Change Button color and text onPress

【发布时间】：2020-07-14 14:46:08

【问题描述】：

我在我的 react 原生应用中实现了录制。我想要一个按钮，它可以在按下时更改其颜色和文本，并在再次按下时更改回来。

此外，还有一个计时器，可在录制时显示录制持续时间。

【问题讨论】：

你能分享一下你到目前为止所做的事情吗？

目前我的应用程序上有两个按钮。一个用于记录，另一个用于停止记录。我只想使用一个而不是两个单独的按钮。

也请分享问题中的代码。

【参考方案1】：

对于按钮，我会尝试类似的方法（假设您使用的是功能组件）：

import useState from 'react'
import TouchableOpacity, Text from 'react-native'
function App()
const buttonPress, setButtonPress = useState(false)
const togglePress = () => 
      setButtonPress(!buttonPress)


<TouchableOpacity 

onPress=togglePress)
style=backgroundColor: buttonPress ? "white" : "red"
>
<Text>Hello world!</Text>
</TouchableOpacity>

不确定您问题的第二部分。