Documentation

Hey friend! We are co-hosting a conference with Software Mansion, learn more.

Button

A basic button component that should render nicely on any platform. Supports a minimal level of customization.
If this button doesn't look right for your app, you can build your own button using TouchableOpacity or TouchableNativeFeedback. For inspiration, look at the source code for this button component. Or, take a look at the wide variety of button components built by the community.
Example usage:

import { Button } from 'react-native';
...

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


Reference

Handler to be called when the user taps the button
TypeRequired
functionYes

Text to display inside the button
TypeRequired
stringYes

Text to display for blindness accessibility features
TypeRequired
stringNo

Color of the text (iOS), or background color of the button (Android)
TypeRequired
colorNo

If true, disable all interactions for this component.
TypeRequired
boolNo

Used to locate this view in end-to-end tests.
TypeRequired
stringNo

(Apple TV only) TV preferred focus (see documentation for the View component).
TypeRequiredPlatform
boolNoiOS