Professional Professional
Мудрец
(15955)
1 год назад
Чтобы кнопка осталась в нажатом состоянии после нажатия, вы можете использовать компонент `TouchableWithoutFeedback` из React Native. Этот компонент позволяет создавать пользовательские обработчики нажатия без обработки стандартного поведения нажатия.
Пример кода:
```
import React, { useState } from 'react';
import { TouchableWithoutFeedback, View } from 'react-native';
const App = () => {
const [isPressed, setIsPressed] = useState(false);
const handlePress = () => {
setIsPressed(!isPressed);
};
const style = {
backgroundColor: isPressed ? 'red' : 'white',
};
return (
<TouchableWithoutFeedback onPress={handlePress}>
<View style={[{ width: 100, height: 50 }, style]} />
</TouchableWithoutFeedback>
);
};
export default App;
```
В этом примере мы создаем кнопку с использованием компонента `View`, который имеет фоновый цвет, меняющийся в зависимости от того, нажата ли кнопка. Обработчик нажатия `handlePress` изменяет значение переменной `isPressed` при каждом нажатии, а кнопка обернута в `TouchableWithoutFeedback`, чтобы не обрабатывать стандартное поведение кнопки.