react-native-doodle

A simple hand drawn theme for React Native

Introduction

React Native component wrapper for hand drawn theming.

This project inspired by Doodle CSS (By Chris McCormick).

Installation

npm install react-native-doodle
# or yarn
yarn add react-native-doodle

Usage

import { SafeAreaView, Text } from 'react-native-doodle';
import { View, Input, Button } from 'react-native-doodle';

const App = () => {
  return (
    <SafeAreaView>
      <View style={{ flex: 1 }}>
        <Button style={{ padding: 10 }}>
          <Text>Press Me!</Text>
        </Button>
        <Input
          containerStyle={{ padding: 10 }}
          placeholder="Type something.."
        />
      </View>
    </SafeAreaView>
  );
};

export default App;

• View: same as View.
• Input: same as TextInput.
• Button: same as Pressable

License

MIT