Mail.ruПочтаМой МирОдноклассникиВКонтактеИгрыЗнакомстваНовостиКалендарьОблакоЗаметкиВсе проекты

Кнопка переходит в вечно нажатое состояние после одного нажатия react native

Андрей Попов Ученик (217), на голосовании 1 год назад
После одного нажатия на кнопку она должна остаться в вечно нажатом состоянии. Иначе: как увеличить время непрозрачности
Голосование за лучший ответ
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`, чтобы не обрабатывать стандартное поведение кнопки.
Похожие вопросы