Storage

리액트 네이티브를 다루는 기술 책을 공부하면서 정리한 내용입니다. 이 글에 이어 정리합니다. 2022.03.13 - [개발/React Native] - 다이어리 앱 만들기 1 (1/2) 다이어리 앱 만들기 1 (1/2) 리액트 네이티브를 다루는 기술 책을 공부하면서 정리한 내용입니다. 프로젝트 준비하기 react-native-vector-icons 적용하기 // ios - Info.plist 최하단 추가 UIAppFonts MaterialIcons.ttf # android - build... eddie-rody.tistory.com 새 글 작성하기 FlatingWriteButton 만들기 // FloatingWriteButton.js ( ... ) function FloatingWriteButton() ..

리액트 네이티브를 다루는 기술 책을 공부하면서 정리한 내용입니다. 프로젝트 준비하기 react-native-vector-icons 적용하기 // ios - Info.plist 최하단 추가 UIAppFonts MaterialIcons.ttf # android - build.gradle 최하단 추가 project.ext.vectoricons = [ iconFontNames: ['MaterialIcons.ttf'] ] apply from: "../../node_modules/react-native-vector-icons/fonts.gradle" react-navigation 적용하기 // App.js import React from "react"; import { NavigationContainer } fro..

리액트 네이티브를 다루는 기술 책을 공부하면서 정리한 내용입니다. 설치 및 적용하기 react-navigation 리액트 네이티브 커뮤니키에서 관리 사용률이 가장 높은 라이브러리 react-native-navigation Wix에서 관리 이미 만들어진 네이티브 앱에 리액트 네이티브를 적용하는 경우 더 적합하다. 자바스크립트가 아닌 각 플랫폼의 네이티브 코드로 구현되어 있음 새 프로젝트 생성 $ npx react-native init LearnReactNavigation $ cd LearnReactNavigation $ yarn add @react-navigation/native # react-navigation 의존 라이브러리 $ yarn add react-native-screens react-nativ..