A customizable FAB button component for Android and iOS
React-Native-FAB
A FAB button component for Android and iOS, customizable, simple and as per material design specs.
Installation
npm install --save react-native-fab
Basic Usage
import FAB from 'react-native-fab'
Code
<FAB buttonColor="red" iconTextColor="#FFFFFF" onClickAction={() => {console.log("FAB pressed")}} visible={true} iconTextComponent={<Icon name="all-out"/>} />
Options
| Prop | Type | Effect | Default Value |
|---|---|---|---|
| visible | boolean | Show or hide the FAB | true |
| buttonColor | string | The color of FAB | red |
| onClickAction | function | Function to be called when button is pressed | ()=>{} |
| iconTextColor | color | The color of icon of FAB | #FFFFFF |
| iconTextComponent | component | Text component or any other component based on it, works great with Icon from react-native-vector-icons | <Text>+</Text> |
| snackOffset | number | The amount by which to move up the FAB to accomodate snackbar | 0 |