What are some examples of using React Native Paper?

What are some examples of using React Native Paper?

React Native Paper is a UI library that provides components following Material Design guidelines. Examples include buttons, cards, and dialogs.

Can you show me how to implement a button using React Native Paper?

Sure! Here's a simple example:

import * as React from 'react';
import { Button } from 'react-native-paper';

const MyButton = () => (
  <Button mode="contained" onPress={() => console.log('Pressed!')}>Press me</Button>
);

This creates a contained button that logs a message when pressed.

What about using cards? How can I create a card component?

You can create a card using the Card component from React Native Paper. Here's an example:

import * as React from 'react';
import { Card } from 'react-native-paper';

const MyCard = () => (
  <Card>
    <Card.Title title="Card Title" subtitle="Card Subtitle" />
    <Card.Content>
      <Paragraph>This is a simple card example.</Paragraph>
    </Card.Content>
  </Card>
);

This creates a card with a title and subtitle.

Are there any themes available for React Native Paper?

Yes, React Native Paper supports theming! You can customize the default theme or create your own using the ThemeProvider.