Skip to content

leegeunhyeok/react-native-doodle

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

31 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

title

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).

preview

Installation

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

react-native-doodle is dependent on react-native-svg.

You need to setup react-native-svg environment.

Usage

import { SafeAreaView, Text } from 'react-native';
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;

License

MIT