반응형 React-Native5 React-native Navigation 이번에는 React-native로 사용할 수 있는 네비게이션 바에 대해서 알아봅니다. 자세한 레퍼런스 웹 페이지는 아래에 https://reactnavigation.org/docs/getting-started https://reactnavigation.org/docs/getting-started/ reactnavigation.org # 설치 npm install @react-navigation/native npx expo install react-native-screens react-native-safe-area-context # 추가설치 : create-react-native-app을 사용하지 않았으면 아래의 명령어도 실행 npm install react-native-screens react-nativ.. 2022. 10. 6. Asset expo-asset은 앱의 런타임에 필요한 파일에 대한 인터페이스를 제공한다. 예를들어 이미지, 글꼴 및 사운드 등이 있다. 자세한 사용법은 Expo 공식 문서인 아래의 링크에서 확인 가능 https://docs.expo.dev/versions/v46.0.0/sdk/asset/ Asset - Expo Documentation Expo is an open-source platform for making universal native apps for Android, iOS, and the web with JavaScript and React. docs.expo.dev 설치 npx expo install expo-asset API 사용 법 import {Asset} from "expo-asset"; impor.. 2022. 10. 5. Font(expo-font) 이번에는 사용할 Font를 가져 와 보자. expo-font 중 Ionicons 폰트를 이용할 예정. Font에 대한 자세한 레퍼런스 및 설명은 아래 공식 사이트를 참고 https://docs.expo.dev/versions/v46.0.0/sdk/font/ Font - Expo Documentation Expo is an open-source platform for making universal native apps for Android, iOS, and the web with JavaScript and React. docs.expo.dev 설치 npx expo install expo-font 앱이 로딩될때 미리 로딩하기.. AppLoading을 이용 import * as Font from "expo-f.. 2022. 10. 5. AppLoading 앱이든 웹이든 어떤 프로그램을 만들다 보면 화면이 로딩이 다 되기전에 미리 해야할 일들이 있다. API를 통해 코드를 받아온다던가, 앱 로딩시 이미지를 보여준다던가.. DB를 생성하고 초기화를 한다던가.. 이런 일련의 작업들을 하기위한 Expo API가 AppLoading 이다. 자세한 설명 링크는 https://docs.expo.dev/versions/latest/sdk/app-loading/ AppLoading - Expo Documentation Expo is an open-source platform for making universal native apps for Android, iOS, and the web with JavaScript and React. docs.expo.dev 설치는 npx.. 2022. 10. 5. React-native 시작하기.. 이제 드디어 React-native를 시작한다. 마침 개인 학습에 필요한 앱이 생겨서 공부하면서 개발을 해 보려고 한다. React-native를 위한 프로그램 및 안드로이드/IOS 셋팅은 아래 링크에 잘 나와있다. 이 링크를 보고 필요한 안드로이드/IOS 셋팅을 해 주자. (난 이미 환경 셋팅이 되어 있으므로 패스~) https://www.reactnative.dev/docs/environment-setup Setting up the development environment · React Native This page will help you install and build your first React Native app. reactnative.dev PC는 MAC을 주로 사용하고, 에디터는 Vis.. 2022. 10. 4. 이전 1 다음 반응형
