React Native7 [React Native] Expo prebuild Update: Expo SDK 46 버전부터 공식적으로 expo eject 는 deprecated 되었다. https://docs.expo.dev/faq/#is-expo-eject-deprecated expo SDK41 부터 expo prebuild 라는 기능을 제공해준다. 3rd-part-native-module 의 경우, expo 에서 가이드 해주는대로 플러그인 스펙을 지정해놓으면 엑스포에서 클라우드 환경에서 사전에 해당 모듈을 포함시켜서 빌드를 해준다. 기본적으로 플러그인은 app.json 혹은 app.config.js 에 아래와 같은 형태로 적는다. { "name": "my app", "plugins": ["3rd-party-native-module"] } 별도로 주어야 하는 권한이 있는 경우에는.. 2023. 12. 11. [React Native] ios, android 폰트 설정 React Native 프로젝트에 폰트를 설정하는 방법은 두가지가 있다. 첫번째는 ios, android 각 플랫폼이 참조하는 폴더에 직접 파일을 추가해서 설정해주는 방법과, 루트 경로의 폰트 파일을 rnpm 을 통해서 설정하는 방법이다. 판단 후 편한대로 사용하면 될 것 같다. ios, android 폴더에 직접 파일을 추가해서 설정해주는 방법 android 설정 android/app/src/main/assets/fonts 폴더에 폰트 파일 추가 안드로이드 프로젝트 리빌드하면 자동으로 설정된다. $ npx react-native run-android ios 설정 1. xcode 로 ios 폴더 내에서 Fonts 폴더를 만들고 해당 폰트를 넣기 react-native-app └── android └── .. 2023. 12. 4. [React Native] Navigation 에서 주로 사용하는 개념 Stack Navigatior Screen Options 화면 이동 애니메이션 Card: 오른쪽에서 왼쪽으로 이동 Modal: 아래에서 위로 이동 Tab Navigatior Screen Oprions (BackBehavior) android 에서 H/W Back Button 눌렀을 때 이동하는 방법 지정 firstRout: 선언상 제일 처음에 있는 탭으로 이동 initialRoute: 최초 지정한 탭으로 이동 order: 탭을 선언한 순서로 이동 stack output history: 이동한 히스토리 역순으로 이동 Nesting Navigatior *** Navigatior 의 Screen dmf Component가 아닌 다른 Navigatior 로 선언하는 것 Presentation 을 다르게 선언하거.. 2023. 7. 29. 이전 1 2 다음