react native appbar

1import * as React from 'react';
2import { Appbar } from 'react-native-paper';
3import { StyleSheet } from 'react-native';
4
5const MyComponent = () => (
6 <Appbar style={styles.bottom}>
7   <Appbar.Action
8     icon="archive"
9     onPress={() => console.log('Pressed archive')}
10    />
11    <Appbar.Action icon="mail" onPress={() => console.log('Pressed mail')} />
12    <Appbar.Action icon="label" onPress={() => console.log('Pressed label')} />
13    <Appbar.Action
14      icon="delete"
15      onPress={() => console.log('Pressed delete')}
16    />
17  </Appbar>
18 );
19
20export default MyComponent
21
22const styles = StyleSheet.create({
23  bottom: {
24    position: 'absolute',
25    left: 0,
26    right: 0,
27    bottom: 0,
28  },
29});