https://github.com/leegeunhyeok/react-native-doodle
✍️ A simple hand drawn theme for React Native
https://github.com/leegeunhyeok/react-native-doodle
Last synced: 24 days ago
JSON representation
✍️ A simple hand drawn theme for React Native
- Host: GitHub
- URL: https://github.com/leegeunhyeok/react-native-doodle
- Owner: leegeunhyeok
- License: mit
- Created: 2022-10-04T13:47:39.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2022-10-17T01:54:01.000Z (over 2 years ago)
- Last Synced: 2025-03-15T04:02:53.480Z (about 2 months ago)
- Language: Java
- Size: 645 KB
- Stars: 2
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
A simple hand drawn theme for React Native
## Introduction
React Native component wrapper for hand drawn theming.
This project inspired by [Doodle CSS](https://chr15m.github.io/DoodleCSS) (By [Chris McCormick](https://mccormick.cx)).
## Installation
```bash
npm install react-native-doodle
# or yarn
yarn add react-native-doodle
```
`react-native-doodle` is dependent on [react-native-svg](https://github.com/software-mansion/react-native-svg).
You need to setup `react-native-svg` environment.
## Usage
```jsx
import { SafeAreaView, Text } from 'react-native';
import { View, Input, Button } from 'react-native-doodle';
const App = () => {
return (
Press Me!
);
};
export default App;
```
- `View`: same as [View](https://reactnative.dev/docs/view)
- `Input`: same as [TextInput](https://reactnative.dev/docs/textinput)
- `Button`: same as [Pressable](https://reactnative.dev/docs/pressable)
## License
[MIT](./LICENSE)