Кнопка

Базовый компонент кнопки, который должен хорошо отображаться на любой платформе. Поддерживает минимальный уровень настройки.

Если эта кнопка не подходит для вашего приложения, вы можете создать свою собственную кнопку, используя TouchableOpacity или TouchableWithoutFeedback. Для вдохновения посмотрите на исходный код этого компонента кнопки. Или взгляните на разнообразные компоненты кнопок, созданные сообществом.

<Button
  onPress={onPressLearnMore}
  title="Learn More"
  color="#841584"
  accessibilityLabel="Learn more about this purple button"
/>

Справочник

Свойства

Обязательно

onPress

Обработчик, который вызывается, когда пользователь нажимает на кнопку.

Обязательно

title

Текст, который должен отображаться внутри кнопки. В Android указанный заголовок будет преобразован в верхний регистр.

accessibilityLabel

Текст для отображения функций доступности для слабовидящих пользователей.

accessibilityLanguage

iOS

Значение, указывающее, какой язык должен использовать экранный диктор, когда пользователь взаимодействует с элементом. Он должен соответствовать спецификации BCP 47.

См. документацию iOS accessibilityLanguage для получения дополнительной информации.

accessibilityActions

Действия доступности позволяют программе с помощником программно вызывать действия компонента. Свойство accessibilityActions должно содержать список объектов действия. Каждый объект действия должен содержать имя поля и метку.

См. руководство по доступности для получения дополнительной информации.

onAccessibilityAction

Вызывается, когда пользователь выполняет действия доступности. Единственным аргументом этой функции является событие, содержащее имя действия для выполнения.

См. руководство по доступности для получения дополнительной информации.

color

Цвет текста (iOS) или цвет фона кнопки (Android).

disabled

Если true, отключить все взаимодействия для этого компонента.

hasTVPreferredFocus

TV

Предпочтительный фокус TV.

nextFocusDown

Android

TV

Определяет следующий элемент управления, который получит фокус, когда пользователь переместит курсор вниз. См. документацию Android.

nextFocusForward

Android

TV

Определяет следующий элемент управления, который получит фокус, когда пользователь переместит курсор вперёд. См. документацию Android.

nextFocusLeft

Android

TV

Определяет следующий элемент управления, который получит фокус, когда пользователь переместит курсор влево. См. документацию Android.

nextFocusRight

Android

TV

Определяет следующий элемент управления, который получит фокус, когда пользователь переместит курсор вправо. См. документацию Android.

nextFocusUp

Android

TV

Определяет следующий элемент управления, который получит фокус, когда пользователь переместит курсор вверх. См. документацию Android.

testID

Используется для поиска этого элемента в тестах взаимодействия.

touchSoundDisabled

Android

Если true, системный звук при нажатии не воспроизводится.