개발/React Native (4) 썸네일형 리스트형 리액트 네이티브 안드로이드 다크 모드 자동 적용 해제하기 리액트 네이티브로 안드로이드 테스트를 하다보면 안드로이드 기기에 다크모드를 적용한 경우 기본 boilerplate 로 제공하는 코드가 다크 모드에 반응하여 일반 Text 들이 모두 흰색이 적용되는 것을 알 수 있다. 보통 개발할 때 기본 색상(화이트) 모드로 먼저 개발하게 되므로 일단은 dark scheme 이 적용되지 않도록 만들고 테스트 하는 것이 경험상 편리하였다. 해결방법은 styles.xml(android/app/src/main/res/values/styles.xml) 파일에 android:forceDarkAllowed 속성과 android:textColor 를 추가해주면 해결된다. 이외에도 react-native 에서 제공하는 기본 Alert 도 색이 다크모드 색상으로 dimmed 되어 나오는.. 리액트 네이티브 안드로이드 휠 픽커 2021년 기준 계속해서 wheel picker 가 deprecated 되고 쓸만한 픽커가 없었다. 그 와중에 이제야 조금 쓸만한 자바스크립트 라이브러리가 있어서 추천한다. https://github.com/erksch/react-native-wheely GitHub - erksch/react-native-wheely: An all JavaScript wheel picker for react-native without any native code. An all JavaScript wheel picker for react-native without any native code. - GitHub - erksch/react-native-wheely: An all JavaScript wheel picker fo.. m1 mac 에서 안드로이드 에뮬레이터 띄우기 리액트 네이티브로 안드로이드 에뮬레이터를 돌릴 일이 많은데 m1 칩을 mac mini를 사용하면서 안드로이드 스튜디오에서 에뮬레이터가 Could not start AVD 이야기를 띄우면서 동작안하게 되었다. 그럴땐 침착하게 디바이스를 Other Images 에서 arm64 가 적혀있는 이미지를 골라서 띄우면된다. 리액트 네이티브 앱 아이콘 생성하기 (iOS) 리액트 네이티브로 앱을 다 만들고나면 배포에 앞서서 앱 아이콘을 넣고 싶을 것이다. 이 글에서는 리액트 네이티브로 만든 앱의 iOS 프로젝트에 아이콘을 생성하는 방법을 기술한다. 준비물 - 1024x1024 아이콘. (디자이너에게 부탁하거나 직접 만들자.) - Icon Set Creator (맥북 OSX 환경에 받아서 설치) Icon Set Creator 를 실행시키면 위와 같은 프로그램이 실행된다. 여기에 준비한 1024x1024 아이콘 png 파일을 드래그 드랍하고 go! 버튼을 누른다. 새롭게 사이즈별로 저장될 아이콘 모음이 담길 폴더를 지정하면 iOS/AppIcon.appiconset/ 폴더가 생성되고 그 안에 위와 같이 사이즈 별로 icon 파일들이 생성된다. 리액트 네이티브 프로젝트의 ios .. 이전 1 다음
