리액트 네이티브 막간 팁 (시뮬레이터 기기 바꾸는 법, Flipper 사용 중단하기)

iOS 시뮬레이터 기기 바꾸기

file - open simulator - 기기선택

으로 바꾸면 된다.

 

애물단지가 된 FlipperKit 제거하기

최근 새로운 디버거가 나오면서 Flipper가 deprecated되었다.

그래서 기존 RN프로젝트에 있는 flipper를 제거하지 않으면

최신 xcode에서 실행할 때 에러가 나게 되는데...

 

이를 해결하기 위해서 podfile에서 flipper관련 로직을 없애면 된다.

나는 yaml파일에서 어디가 flipper 관련 코드인지 알아보기가 귀찮아서

지피티에게 podfile 통째로 주고 알아서 flipper 로직 없애달라고 해봤다.

그 결과 에러없이 잘 작동되긴 한다. 아래는 지피티가 고친 podfile 전문이다.

# Resolve react_native_pods.rb with node to allow for hoisting
require Pod::Executable.execute_command('node', ['-p',
  'require.resolve(
    "react-native/scripts/react_native_pods.rb",
    {paths: [process.argv[1]]},
  )', __dir__]).strip

platform :ios, min_ios_version_supported
prepare_react_native_project!

# If you are using a `react-native-flipper` your iOS build will fail when `NO_FLIPPER=1` is set.
# because `react-native-flipper` depends on (FlipperKit,...) that will be excluded
#
# To fix this you can also exclude `react-native-flipper` using a `react-native.config.js`
# ```js
# module.exports = {
#   dependencies: {
#     ...(process.env.NO_FLIPPER ? { 'react-native-flipper': { platforms: { ios: null } } } : {}),
# ```
flipper_config = FlipperConfiguration.disabled

linkage = ENV['USE_FRAMEWORKS']
if linkage != nil
  Pod::UI.puts "Configuring Pod with #{linkage}ally linked Frameworks".green
  use_frameworks! :linkage => linkage.to_sym
end

target 'MatzipApp' do
  config = use_native_modules!

  # Flags change depending on the env values.
  flags = get_default_flags()

  use_react_native!(
    :path => config[:reactNativePath],
    # Hermes is now enabled by default. Disable by setting this flag to false.
    :hermes_enabled => flags[:hermes_enabled],
    :fabric_enabled => flags[:fabric_enabled],
    # Enables Flipper.
    #
    # Note that if you have use_frameworks! enabled, Flipper will not work and
    # you should disable the next line.
    # :flipper_configuration => flipper_config,
    # An absolute path to your application root.
    :app_path => "#{Pod::Config.instance.installation_root}/.."
  )

  target 'MatzipAppTests' do
    inherit! :complete
    # Pods for testing
  end

  post_install do |installer|
    # https://github.com/facebook/react-native/blob/main/packages/react-native/scripts/react_native_pods.rb#L197-L202
    react_native_post_install(
      installer,
      config[:reactNativePath],
      :mac_catalyst_enabled => false
    )
    __apply_Xcode_12_5_M1_post_install_workaround(installer)
  end
end