更改按钮颜色和文本 onPress

【问题标题】：Change Button color and text onPress更改按钮颜色和文本 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>
}

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

【讨论】：