FAB
A floating action button represents the primary action in an application.
![](screenshots/fab-1.png)
![](screenshots/fab-2.png)
Usage
import * as React from 'react';
import { StyleSheet } from 'react-native';
import { FAB } from 'react-native-paper';
const MyComponent = () => (
<FAB
style={styles.fab}
small
icon="plus"
onPress={() => console.log('Pressed')}
/>
);
const styles = StyleSheet.create({
fab: {
position: 'absolute',
margin: 16,
right: 0,
bottom: 0,
},
})
export default MyComponent;
Props
accessibilityLabel
Type:
string
Default value:
label
Accessibility label for the FAB. This is read by the screen reader when the user taps the FAB.
Uses label
by default if specified.
accessibilityState
Type:
AccessibilityState
Accessibility state for the FAB. This is read by the screen reader when the user taps the FAB.
small
Type:
boolean
Whether FAB is mini-sized, used to create visual continuity with other elements. This has no effect if label
is specified.
disabled
Type:
boolean
Whether FAB
is disabled. A disabled button is greyed out and onPress
is not called on touch.
style
Type:
StyleProp<ViewStyle>
theme
Type:
ReactNativePaper.Theme
testID
Type:
string