REACT-NATIVE - 처음 이후 설정

*타입스크립트로 앱 실행하기

npx react-native init {파일 이름} --template react-native-template-typescript

** 플리퍼 사용하긩

yarn add react-native-flipper redux-flipper rn-async-storage-flipper @react-native-async-storage/async-storage

cd ios/
pod-install

 

17. iOS Deployment Target 설정하기

• 좌측에 Test 선택
• Info 선택
• Deployment Target
• iOS Deployment Target
• 12.1

18. iOS Simulator SDK 설정하기 

• 좌측에 Test 선택
• Build Settings
• Architectures
• Excluded Architectures
• Debug - Any iOS Simulator SDK - arm64 추가
• Release - Any iOS Simulator SDK - arm64 추가

19. Library Search Path 설정합니다.

• 좌측에 Test 선택
• Build Settings
• 검색 -> 'library search'
• Library Search Paths 다 지웁니다. (초기화)

20 . BridgingFile.switft 파일을 생성

• 좌측에 Test 선택
• New File
• Swift File
• Save As: BridgingFile.swift
• Create 선택
• Create Bridging Header 선택
• 좌측에 Test 보면 BridgingFile.swift 파일과 Test-Bridging-Header.h 파일이 생성됨.

21. ios 폴더로 돌아와 Pod 설정하기

vim Podfile


# 4번째 줄에 아래와 같이 바꿔줍니다.
platform :ios, '12.1'


# Podfile에서 아래로 내리면 use_flipper!()라고 있는데 아래와 같이 바꿔줍니다.
use_flipper!({ 'Flipper' => '0.95.0', 'Flipper-Folly' => '2.6.7', 'Flipper-DoubleConversion' => '3.1.7' })
  post_install do |installer|
    installer.pods_project.build_configurations.each do |config|
      config.build_settings["EXCLUDED_ARCHS[sdk=iphonesimulator*]"] = "arm64"
      config.build_settings['IPHONEOS_DEPLOYMENT_TARGET'] = '12.1'
    end
    react_native_post_install(installer)
  end
​
# 마지막 줄에 end가 하나 있어야 끝맺을 수 있습니다.
end

 

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

22. 앱 실행하기!

//ios 실행
cd ..
yarn run ios

//android 실행
yarn run android