React native 按时更改按钮颜色和文本

我在我的react本机应用程序中执行录制。我想要一个按钮，改变其颜色和文字按下，并改变再次按下

---

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

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

从'react'导入{useState}
从“react native”导入{TouchableOpacity，Text}
函数App（）{
const{buttonPress，setButtonPress}=useState（false）
const togglePress=（）=>{
setButtonPress（！buttonPress）
}
你好，世界！
}

---

不过，我不确定问题的第二部分。

你能分享一下你到目前为止所做的事情吗？目前我的应用程序上有两个按钮。一个用于录制，另一个用于停止录制。我只想使用一个按钮，而不是两个单独的按钮。请分享问题中的代码。

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>
}