TouchableNativeFeedback
Если вы ищете более расширенный и перспективный способ обработки ввода касания, ознакомьтесь с API Pressable.
Обёртка для правильной реакции представлений на касания (только Android). В Android этот компонент использует родной drawable состояния для отображения обратной связи при касании.
В настоящее время он поддерживает только один экземпляр View в качестве дочернего узла, так как он реализован заменой этого View другим экземпляром узла RCTView с некоторыми дополнительными заданными свойствами.
Фоновый drawable родной обратной связи при касании может быть настроен с помощью свойства background.
Справочник
Свойства
Свойства TouchableWithoutFeedback
Наследует Свойства TouchableWithoutFeedback.
background
Определяет тип фонового drawable, который будет использоваться для отображения обратной связи. Он принимает объект со свойством type и дополнительными данными в зависимости от type. Рекомендуется использовать один из статических методов для генерации этого словаря.
| Тип |
|---|
| backgroundPropType |
useForeground
Установите в значение true, чтобы добавить эффект волны на передний план представления, а не на задний. Это полезно, если одно из ваших дочерних представлений имеет собственный фон или, например, вы отображаете изображения, и вы не хотите, чтобы волна была скрыта ими.
Сначала проверьте TouchableNativeFeedback.canUseNativeForeground(), так как это доступно только на Android 6.0 и выше. Если вы попытаетесь использовать это на более старых версиях, вы получите предупреждение и вернётесь к использованию фона.
| Тип |
|---|
| bool |
hasTVPreferredFocus Android
Предпочитаемый фокус для TV (см. документацию для компонента View).
| Тип |
|---|
| bool |
nextFocusDown Android
Следующий фокус вниз для TV (см. документацию для компонента View).
| Тип |
|---|
| число |
nextFocusForward Android
Следующий фокус вперёд для TV (см. документацию для компонента View).
| Тип |
|---|
| число |
nextFocusLeft Android
Следующий фокус влево для TV (см. документацию для компонента View).
| Тип |
|---|
| число |
nextFocusRight Android
Следующий фокус вправо для TV (см. документацию для компонента View).
| Тип |
|---|
| число |
nextFocusUp Android
Следующий фокус вверх для TV (см. документацию для компонента View).
| Тип |
|---|
| число |
Методы
SelectableBackground()
static SelectableBackground(rippleRadius: ?number)
Создаёт объект, представляющий стандартный фоновый цвет темы Android для выбираемых элементов (?android:attr/selectableItemBackground). Параметр rippleRadius управляет радиусом эффекта волны.
SelectableBackgroundBorderless()
static SelectableBackgroundBorderless(rippleRadius: ?number)
Создаёт объект, представляющий стандартный фоновый цвет темы Android для выбираемых элементов без рамки (?android:attr/selectableItemBackgroundBorderless). Доступно на уровне API Android 21+. Параметр rippleRadius управляет радиусом эффекта волны.
Ripple()
static Ripple(color: string, borderless: boolean, rippleRadius: ?number)
Создаёт объект, представляющий drawable эффекта волны с заданным цветом (как строка). Если свойство borderless имеет значение true, эффект волны будет отображаться за пределами границ представления (см. примеры кнопок родной action bar). Этот тип фона доступен на уровне API Android 21+.
Параметры:
| Имя | Тип | Обязательно | Описание |
|---|---|---|---|
| цвет | строка | Да | Цвет волны |
| borderless | boolean | Да | Может ли эффект волны отображаться за пределами его границ |
| rippleRadius | ?число | Нет | Управляет радиусом эффекта волны |
canUseNativeForeground()
static canUseNativeForeground()
© 2022 Facebook Inc.
Licensed under the Creative Commons Attribution 4.0 International Public License.
https://reactnative.dev/docs/touchablenativefeedback