[React Native]react-native-svg 적용

Figma 디자인상 아이콘들을 png로 적용하다 보니, 앱 내에서 선명하게 나오지 않는 디자인적인 이슈를 발견하게 되어 모든 아이콘을 SVG로 다시 적용하게 되었다. React-Native에서 SVG 파일을 활용하기 위해선 두 가지의 라이브러리를 필요로 한다. react-native-svg yarn add react-native-svg react-native-svg-transformer yarn add --dev react-native-svg-transformer 두 라이브러리를 받고 잊지말고 ios 에도 적용해준다. cd ios && pod install react-native-svg-transformer 설정 react-native-svg-transformer 를 위한 설정이 필요하기 때문에 metr..

• format_list_bulleted React-Native
• · 2023. 4. 9.
• textsms

[React Native]Android FullScreen(전체화면) 적용하기

회사에서 키오스크용 Android 앱 개발하며 풀 스크린을 적용할 일이 생겨 적용하게 되었고 , Android 네이티브 쪽으로 검색하면 나오긴 하지만 RN 키워드와 함께 검색하면 나오지 않았기에 ,, 공유하고자 작성한다. 사실 에뮬상에서 보기에만 적용하려면 에뮬 설정에서 해당 부분 체크만 하면 되긴하지만 , 실제 서비스상에선 적용되지 않으므로 직접 Andorid 네이티브 파일을 수정해야 했다. xml 수정하기 - android/app/src/main/res/values/styles.xml - android/app/src/main/AndroidManifest.xml - android/app/src/main/java/com/${appName}/MainActivity.java import android.vie..

• format_list_bulleted React-Native
• · 2023. 4. 7.
• textsms