https://github.com/redgoose-dev/react-native-wrapper
React native wrapper for component development
https://github.com/redgoose-dev/react-native-wrapper
Last synced: about 2 months ago
JSON representation
React native wrapper for component development
- Host: GitHub
- URL: https://github.com/redgoose-dev/react-native-wrapper
- Owner: redgoose-dev
- License: mit
- Created: 2017-07-03T07:44:04.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2017-11-15T01:48:31.000Z (over 8 years ago)
- Last Synced: 2025-03-18T20:51:37.345Z (about 1 year ago)
- Language: Objective-C
- Size: 193 KB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# react-native-wrapper
React native wrapper for component development
컴포넌트 개발용으로 만들어진 React Native 래퍼 입니다.
이 공간에서 다른 컴포넌트를 개발할 수 있습니다. `./components/index.js` 가 연결되어있기 때문에 파일을 만들어서 프리뷰할 수 있습니다.
## Using guide
### create `components` directory
`mkdir component`
### add index.js
```
cd components
vim index.js
```
#### edit `components/index.js`
```
import React from 'react';
import { View, Text, StyleSheet } from 'react-native';
// TODO: 원하는 컴포넌트 불러오는 영역
export default class Demo extends React.Component {
render() {
const { props, state } = this;
// TODO: 원하는 컴포넌트 삽입영역
return (
Custom component areaqweqwe
);
}
}
const css = StyleSheet.create({
viewport: {
flex: 1,
},
});
```
### play in components directory
잘 사용하면됨..