질문이 있습니다.

안녕하세요 제건님,

부족한 강의 들어주시고 질문해 주셔서 진심으로 감사 드립니다.

제가 아는 범위 내에서 답변 드리자면 다음과 같습니다.

flutterflow에서 UI만 반영하여 flutter 코드를 작성하고자 한다면, 현재로서는 말씀하신 방법이 최선입니다.

아마 다음 두 문서도 참조해보셨을 것 같지만 혹시 몰라 링크를 답니다.  

https://docs.flutterflow.io/flutter/export-flutterflow-ui-code-to-your-flutter-project

https://docs.flutterflow.io/customizing-your-app/manage-custom-code-in-github#6.-resolve-conflicts-if-any

실제로 플러터플로우로 개발한 loura.ai 앱 역시 같은 방법으로 관리 운영 되고 있습니다.

참고로 loura는 이전에 구축해놓은 FF가 Flutter 버젼이 업그레이드 되면서 UI코드가 달라져.. 코드 병합에 어려움이 있기도 했었으니 참고하셔도 좋을 것 같습니다.. 😅

이런 원인은 근본적으로는 flutterflow(이하 FF) 코드와 flutter의 코드가 다르기 때문인데요.

이를 제한적으로 해결하는 방안은 flutter에서 구현하신 부분을 모두 FF 내에서의 기능으로 대체하는 것입니다.

1)FF의 Automated Test를 통해 Validation을 하고

2)FF의 Custom code/Custom Widget을 활용해 추가 코드(예:인증절차)를 집어넣고

3)FF의 Branching 기능을 활용해 Git repo를 관리하는 것입니다.

다만 이는 (특히 1, 2번은) flutter로 구현하신 내용이 구체적으로 무엇인지에 따라 가능여부가 결정될 것 같고..

실제로 한다 하더라도 여러 시행착오가 수반될 것 같습니다.

flutterflow와 flutter의 코드베이스를 합치는 것은 커뮤니티의 오랜 염원으로 지속적으로 요청되는 사항이기도 한데요.
그 복잡성 때문에 아직 회사에서도 해결책을 내놓지 못한 것 같습니다.
지켜보다 보면 언젠가는 해결될 수 있으리라 저도 소망해 봅니다. 🙏