@marblex/react-native-component v0.0.27

@marblex/react-native-component

• MarbleX Wallet에서 사용하는 UI Component 패키지
• 패키지 yarn 사용

Reference Packages

react-native-modal

react-native-paper

react-native-parsed-text

react-native-toast-message

react-native-vector-icons

• icon 종류

  • https://oblador.github.io/react-native-vector-icons/

• Install iOS

  • info.plist 추가

  ...
   <key>NSLocationWhenInUseUsageDescription</key>
   <string></string>
   <!-- 추가 -->
   <key>UIAppFonts</key>
   <array>
      <string>Ionicons.ttf</string>
      <string>MaterialIcons.ttf</string>
      <string>MaterialCommunityIcons.ttf</string>
   </array>

• Install Android

  • android/app/build.gradle 추가

  ...
  apply from: "../../node_modules/react-native/react.gradle"
  
  <!-- 추가 -->
  project.ext.vectoricons = [
     iconFontNames: ['Ionicons.ttf', 'MaterialIcons.ttf', 'MaterialCommunityIcons.ttf']
  ]
  
  apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"

React Native 자주 발생하는 Issue

1. "Unable to resolve module from ~~~"

   watchman watch-del-all && rm -rf node_modules/ && yarn cache clean --force && yarn install && yarn start -- --reset-cache

2. npm run ios 실행 실패하는 경우 clean 방법

   cd ios && rm -rf Pods Podfile.lock && rm -rf ~/Library/Developer/Xcode/DerivedData/* && pod deintegrate && pod setup && pod install