Loading fonts

These components all fall back to Helvetica Neue font. If you wish to use custom fonts, you can load them with the expo-font package. It is recommended to show the AppLoading component until the fonts are loaded to prevent flashing of font.

Button

Buttons are touchable elements used to interact with the screen. They may display text, icons, or both. Buttons can be styled with several props to look a specific way.

Props:

onPress (required) disabled (true or false) type ['solid', 'outline'] -> default: solid color ['midnight', 'highlight', 'primary'] -> default: midnight size ['sm', 'md', 'lg'] -> default: 'md' round (true or false) -> default: false full (true or false) -> default: false round ([true, false])

type, color, size

type: type of button (optional), ['solid', 'clear', 'outline'] default: solid

disabled: when disabled, disable the button

color: color of button

size: button size ['sm', 'md', 'lg']

Text

We