-
iOS네이티브 프로젝트에 Flutter 병합하기 - 1React Native 2024. 11. 28. 09:40
[ 1. Flutter 모듈 생성 ]
document에 나온대로 진행하는데 처음부터 삽질한 부분...
create module 을 생성해야 하는데 일반 프로젝트를 생성해서 .ios 폴더가 생성되지 않았던 것 ㅠㅠ
*** Flutter 모듈 프로젝트와 일반 Flutter 프로젝트는 역할이 다르다 ***
1. Flutter 모듈 프로젝트는 기존 네이티브 프로젝트에 Flutter 화면을 추가하는 용도로 생성
- .ios 폴더가 생성되며, 이는 Flutter 모듈 프로젝트에서 iOS 네이티브 코드를 구성하기 위해 사용됨.
- .ios폴더 내의 podhelper.rb 파일은 Flutter 모듈 프로젝트에서 iOS 네이티브 프로젝트의 Podfile과 Flutter 모듈 간
의존성을 연결하는 역할
flutter create --template module my_flutter
2. 일반 Flutter 프로젝트에서는 .ios 폴더 생성X.
대신 ios/ 폴더가 생성되며, 이는 독립 실행형 Flutter 프로젝트에서 iOS 네이티브 코드를 관리하는 디렉토리
[ 2. 네이티브 연동 ]
1. 생성된 플러터 모듈을 네이티브 최상위 폴더에 복붙2. 네이티브 코드의 Podfile 수정 (플러터 모듈 설치를 위한 작업)
pod install 진행
3. 네이티브 코드에서 Flutter앱 호출
[ iOS프로젝트 빌드 실패 ]
1. Flutter모듈에서 flutter pub get 실행 후 네이티브 폴더에서 pod install 다시 실행해주어야 함
2. duplicate error 발생 > 기존에 설치된 flutter모듈을 완전히 제거 하고 다시 시도 (pod으로 설치된 flutter모듈과 중복되어 그런 것)
- 기존 프로젝트에 pod이 아니라 sdk형태로 flutter모듈이 심어져 있었음 !!
'React Native' 카테고리의 다른 글
iOS네이티브 프로젝트에 Flutter 병합하기 - 2 (0) 2025.01.06 [Flutter 메뉴 도입] 1. UI 청사진 그리기 (0) 2024.12.17 iOS 네이티브 프로젝트에 통합 - RN, Flutter 환경셋팅 비교 (0) 2024.11.20 네이티브앱 통합 관점에서 RN vs Flutter (0) 2024.11.19 왜 네이티브 개발에는 상태관리 개념이 없는가? (0) 2024.11.18