Paper

Paper is a basic container that can give depth to an element with elevation shadow. A shadow can be applied by specifying the elevation property both on Android and iOS.

Usage

import * as React from 'react';
import { Paper, Text } from 'react-native-paper';

const MyComponent = () => (
  <Paper style={styles.paper}>
     <Text>Paper</Text>
  </Paper>
);

const styles = StyleSheet.create({
  paper: {
    padding: 8,
    height: 80,
    width: 80,
    alignItems: 'center',
    justifyContent: 'center',
    elevation: 4,
  },
});