Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- 컴퓨터공학
- BFS
- 너비우선탐색
- 알고리즘
- github
- CSS
- 패스트캠퍼스
- 코딩테스트
- 야놀자
- KAKAO
- 부트캠프
- 국비지원취업
- 호이스팅
- git
- CS
- 코테
- Javascript
- computerscience
- cpu
- nodejs
- 국비지원
- 프론트엔드개발자
- LinkSnap
- DFS
- 컴퓨터과학
- 자바스크립트
- html/css/js
- 백준
- 그리디
- js
Archives
- Today
- Total
My Boundary As Much As I Experienced
ReactNative) 이놈의 flipper... 그냥 안 써버릴려면 어떻게 해야되나? 본문
무책임한 React Native 팀 녀석들이 flipper를 deprecated시켜버린 다음에 몇 가지 고질적인 문제가 발생한다.
xcode는 최신인 상황에서 RN 0.74 출시 이전에 만들어놓은 프로젝트를 실행하면 flipper 관련 에러가 꼭 발생한다는 것이다.
그 결과 flipper가 초기세팅에 기본적으로 들어있던 시절의 프로젝트를 다룰 때
podfile에서 flipper 관련 로직을 제거해야되는 지겹고도 시간 아까운 일을 할 수 밖에 없게 만들었다.
그냥 있는거 잘 쓰지 왠 새로운 디버거를 만든답시고 flipper를 deprecated 시킨진 몰겠다.
하여튼 flipper를 안 쓰려면 아래처럼 해주면 된다. gpt가 짜준 코드이다.
ios/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
'FrontEnd > React Native' 카테고리의 다른 글
RN) 초기 앱 라우터 구조 짜기 (Stack, BottomTab) (0) | 2024.08.14 |
---|---|
리액트 네이티브 막간 팁 (시뮬레이터 기기 바꾸는 법, Flipper 사용 중단하기) (0) | 2024.06.23 |
ReactNative) 스타일시트를 props로 활용하는 방법 (StyleProp<T>) (0) | 2024.06.04 |
React Native) FlatList란? (0) | 2024.06.04 |
ReactNative) unable to boot the simulator 에러 해결법 (0) | 2024.05.30 |