현재 ReactNative로 사이드 프로젝트를 진행하고 있다.
현 프로젝트에서 사용하기로 결정한 UI 컴포넌트 라이브러리 이다.
찾아보니 과거에는 많이 썼으나 현재는 React Navigation에 대한 대응이 느려서 많이 사용하지 않는다고 한다.
NativeBase: Universal Components for React & React Native
NativeBase 3.0 lets you build consistently across android, iOS & web. It is inspired by the Styled System and is accessible, highly themeable, and responsive.
nativebase.io
위 사이트는 공식 홈페이지인제 현재 3.x대로 나와 있고, 다양한 컴포넌트 들을 제공하고 있는 듯하다.
찾아보니 리액트 진영에서 사용하는 3대 UI 컴포넌트 라이브러리는 native-base, react-native-elements, react-native-paper 크게 3개가 존재한다.
다음 사이트에는 각 컴포넌트를 비교한 글이다. 나중에 참고하면 좋을꺼 같다.
https://ccusean.tistory.com/entry/React-Native-UI-Components-Library-Top-3
React Native UI Components Library Top 3
Fullstack 개발자 혹은 개인 개발자의 경우 컴포넌트들을 일 일이 혹은 조금 예쁘게 꾸미기에는 시간과 노력이 많이 들어가게 됩니다. 그럴 때 UI 컴포넌트 라이브러리를 사용하여 개발 시간을 단
ccusean.tistory.com
모바일 라이브러리를 사용할 경우 설치 방법은 크게 4가지를 제공한다.
1. Expo 프로젝트에서 사용하는 적용하는 법
2. 기존 React-Native 환경에서 적용하는 법
3. Next.js 환경에서 적용하는 법
4. 새로운 React-Native 환경에서 적용하는 법
https://docs.nativebase.io/installation
Getting Started | NativeBase | Universal Components for React and React Native
NativeBase 3.0 lets you build consistently across android, iOS & web. It is inspired by the Styled System and is accessible, highly themeable, and responsive.
docs.nativebase.io
각 경우에 대해서 다음 사이트를 보고 명령어를 참고해서 사용하면 된다.