Button¶

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

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

1
2
3
4
5
6

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

Пример¶

Пропсы¶

onPress (обязательный)¶

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

title (обязательный)¶

Текст для отображения внутри кнопки. На Android заданный заголовок будет преобразован в заглавную форму.

accessibilityLabel¶

Текст для отображения в целях обеспечения доступности для слепых.

accessibilityLanguage ¶

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

Дополнительную информацию см. в iOS accessibilityLanguage doc.

accessibilityActions¶

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

Дополнительную информацию см. в Руководстве по доступности.

onAccessibilityAction¶

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

Дополнительную информацию см. в Руководстве по доступности.

color¶

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

disabled¶

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

hasTVPreferredFocus ¶

Предпочтение отдается телевидению.

nextFocusDown ¶

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

nextFocusForward ¶

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

nextFocusLeft ¶

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

nextFocusRight ¶

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

nextFocusUp ¶

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

testID¶

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

touchSoundDisabled ¶

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

Комментарии