按下按钮更改按钮的颜色和文字

时间:2020-07-14 14:46:08

标签: react-native

我在我的本机应用程序中实现了录制。我想要一个按钮,该按钮可以在按下时更改其颜色和文本,然后在再次按下时重新更改。

此外,还有一个定时器,它在录制时显示录制时间。

1 个答案:

答案 0 :(得分: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>
}

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