Spec-Zone.ru › React Native

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

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API