committed by
Gregory Gubarev
parent
c5c4c0d50d
commit
a852b1a67f
@ -1,18 +1,18 @@
|
|||||||
---
|
---
|
||||||
title: Touchables
|
title: Touchables
|
||||||
localeTitle: осязаемый
|
localeTitle: Нажатия
|
||||||
---
|
---
|
||||||
## Реагировать на природу - Touchables
|
## React-native - Нажатия
|
||||||
|
|
||||||
Некоторые из основных функций мобильных устройств вращаются вокруг пользовательских взаимодействий. Как мобильное приложение обрабатывает и реагирует на эти взаимодействия, может сделать или нарушить работу пользователя.
|
Некоторые из основных функций мобильных устройств вращаются вокруг пользовательских взаимодействий. Как мобильное приложение обрабатывает и реагирует на эти взаимодействия, может сделать или нарушить работу пользователя.
|
||||||
|
|
||||||
Реагировать Native кораблей с `Button` компонента , который работает для многих стандартных `onPress` взаимодействий. По умолчанию он даст пользователю обратную связь, изменив непрозрачность, чтобы показать кнопку нажата. Применение:
|
React Native поставляется с `Button` компонентом, который работает для многих стандартных `onPress` взаимодействий. По умолчанию он даст пользователю обратную связь, изменив непрозрачность, чтобы показать кнопку нажата. Применение:
|
||||||
|
|
||||||
```js
|
```js
|
||||||
<Button onPress={handlePress} title="Submit" />
|
<Button onPress={handlePress} title="Submit" />
|
||||||
```
|
```
|
||||||
|
|
||||||
Для более сложных вариантов использования React Native использует API для обработки взаимодействий с прессой под названием `Touchables` .
|
Для более сложных вариантов использования React Native использует API для обработки взаимодействий с нажатием под названием `Touchables` .
|
||||||
```
|
```
|
||||||
TouchableHighlight
|
TouchableHighlight
|
||||||
TouchableNativeFeedback
|
TouchableNativeFeedback
|
||||||
@ -20,7 +20,7 @@ TouchableHighlight
|
|||||||
TouchableWithoutFeedback
|
TouchableWithoutFeedback
|
||||||
```
|
```
|
||||||
|
|
||||||
Каждый из этих Touchable компонентов можно стилизовать и использовать с библиотекой, например, с помощью встроенной `Animated` , позволяющей создавать собственные типы пользовательской обратной связи.
|
Каждый из этих Touchable компонентов можно стилизовать и использовать с библиотекой, например, с помощью встроенной `Animated`, позволяющей создавать собственные типы пользовательской обратной связи.
|
||||||
|
|
||||||
Некоторые примеры использования этих компонентов:
|
Некоторые примеры использования этих компонентов:
|
||||||
|
|
||||||
@ -39,10 +39,10 @@ TouchableHighlight
|
|||||||
</TouchableHighlight>
|
</TouchableHighlight>
|
||||||
```
|
```
|
||||||
|
|
||||||
Вы также можете обрабатывать различные типы кнопок. По умолчанию кнопки и сенсорные элементы настроены для обработки обычных кранов, но вы также можете обозначить функцию вызова для взаимодействия нажатием и удержанием, например.
|
Вы также можете обрабатывать различные типы кнопок. По умолчанию кнопки и сенсорные элементы настроены для обработки обычных нажатий, но вы также можете обозначить функцию вызова для взаимодействия, например, нажатия и удержания.
|
||||||
|
|
||||||
```js
|
```js
|
||||||
<TouchableHighlight onPress={this.handlePress} onLongPress={this.handleLongPress}>
|
<TouchableHighlight onPress={this.handlePress} onLongPress={this.handleLongPress}>
|
||||||
```
|
```
|
||||||
|
|
||||||
Чтобы увидеть все доступные реквизиты и как эти компоненты работают, вы можете посмотреть [исходный код JavaScript для Touchables](https://github.com/facebook/react-native/tree/master/Libraries/Components/Touchable) .
|
Чтобы увидеть все доступные реквизиты и как эти компоненты работают, вы можете посмотреть [исходный код JavaScript для Touchables](https://github.com/facebook/react-native/tree/master/Libraries/Components/Touchable) .
|
||||||
|
Reference in New Issue
Block a user