FAB

A floating action button represents the primary action in an application.

Usage

const MyComponent = () => (
  <FAB
    small
    icon="add"
    onPress={() => {}}
  />
);

Props

small
Type: boolean

Whether FAB is mini-sized, used to create visual continuity with other elements.

dark
Type: boolean

Icon color of button, a dark button will render light text and vice-versa.

icon (required)
Type: IconSource

Name of the icon. Can be a string (name of MaterialIcon), an object of shape { uri: 'https://path.to' }, a local image: require('../path/to/image.png'), or a valid React Native component.

color
Type: string

Custom color for the FAB.

onPress
Type: Function

Function to execute on press.

style
Type: any
theme
Type: Theme