muc-test
v0.0.2
Published
init
Downloads
5
Readme
mobile-ui-component
이 프로젝트는 react-native-cli를 바탕으로 제작됐습니다. 현재 myhyundai-ui-components로 배포 중 입니다.
2022-03-21 batman update
Getting Started
npm install myhyundai-ui-components
import { Button } from 'myhyundai-ui-components';
const App = () => {
<View>
<Button/>
</View>>
};
Font
- 현재 HyundaiSansText, HyundaiSansHead 폰트를 사용하고 있습니다.
- project root 경로에 react-native.config.js 파일을 생성 후 아래 코드를 복사 붙여넣기 후 저장합니다.
module.exports = {
assets: ['./node_modules/myhyundai-ui-components/src/assets/font'],
};
- 터미널 project root 경로에서 아래 coomand를 실행합니다.
npx react-native link
- 아래 스크린샷과 같은 결과가 나오면 폰트 적용이 끝났습니다.
Folder Structure
└─src
├─assets
├─components
├─utils
└─styles.js
assets
- image, font 등의 assets 파일을 관리하는 폴더입니다. (icon image는 components/icon/img 안에 있습니다.)
components
- component를 관리하는 폴더입니다.
utils
- component 구성에 필요한 유틸을 보관하는 폴더입니다.
styles.js
- global style을 관리하는 파일입니다.
Component
atoms
- Avatar
- BottomSheet
- Button
- Calendar
- CheckBox
- Container
- Rowcontainer
- Divider
- Divider
- TimeDivider
- DottedDivider
- Icon
- Input
- Modal
- Radio
- Screen
- TabBar
- Text
- Toggle
- TopNavigation