Изменить цвет кнопки и текст при нажатии

Question

Я реализую запись в моем собственном приложении React. Мне нужна кнопка, которая меняет свой цвет и текст при нажатии и меняет свой цвет при повторном нажатии.

кроме того, таймер, который показывает продолжительность записи во время записи.

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

Не уверен насчет второй части вашего вопроса.