Things take time

[개요] 이전 글에서 iOS 프로젝트에 플러터 모듈을 import하고 플러터의 뷰 하나를 넣는 테스트를 했다. https://g-y-e-o-m.tistory.com/186 [Flutter] iOS 프로젝트에 FlutterViewController넣기(import Flutter Module to Swift) [개요] 처음부터 플러터 프로젝트로 만들어서 각각의 네이티브 플랫폼 코드를 사용한다면 플랫폼 채널을 통해 각각의 함수를 호출할 수 있고, FlutterPlatformView를 상속받는 뷰를 넣을수도 있다. 그 g-y-e-o-m.tistory.com 그 글에서도 밝혔지만, 해당 예제는 러프한 소스여서 이 것을 이해한 것을 바탕으로 코드를 작성하려한다. 만들고자 하는 목표는 1. 플러터의 뷰 컨트롤러는 하..

[개요] 처음부터 플러터 프로젝트로 만들어서 각각의 네이티브 플랫폼 코드를 사용한다면 플랫폼 채널을 통해 각각의 함수를 호출할 수 있고, FlutterPlatformView를 상속받는 뷰를 넣을수도 있다. 그런데 만약 기존에 iOS/Android로 개발되어 있는 앱에, 플러터로 된 뷰를 넣고 싶다면? 그 플러터로 된 모듈을 공통으로 작업해서 배포하며 사용하도록하고, 이외에는 각 OS별로 개발하고싶다면 이 글을 참고하도록하자. [참고] https://docs.flutter.dev/development/add-to-app/ios/project-setup Integrate a Flutter module into your iOS project Learn how to integrate a Flutter modul..

컨테이너 안에 있는 위젯들을 고려한, 현재 컨테이너 너비 구하기코드는 다음과 같다. Size _getSize(GlobalKey key) { if (key.currentContext != null) { final RenderBox renderBox = key.currentContext!.findRenderObject() as RenderBox; return renderBox.size; } return Size(0, 0); } Stack의 사이즈는 Children중 가장 큰 위젯의 사이즈로 정해진다, 다만 Positioned처럼 지정되지 않은 Container가 있을 경우, 해당 컨테이너가 다른 위젯들 무시하고 해당 컨테이너가 모든것을 차지한다. 앱을 처음 키자마자 회전을 원할 때는 다음과 같이 사용한다. ..

[개요] 플러터의 장점은 각 OS별로 짜야하는 UI나 기능 작업들을 하나의 코드인 다트로 작성할 수 있다는 점이다. 다만, 특정한 기능 등은 각 네이티브에서 수행해야할 때가 있다. 마치 하이브리드 앱처럼 웹뷰와 네이티브 사이간 interface를 구성하여 작성하는 것처럼, Flutter와 네이티브간에도 이런 방법이 가능하다. 대표적인게 MethodChannel을 이용한 전달이다. 이 방법은 비동기를 통한 콜백처리 까지 가능한데, 이 글에서는 MethodChannel이 아니라 뷰 객체(UIView)를 Flutter안에 넣고 싶을 때다. 공식 도큐먼트에서는 구글맵과 같은 뷰를 각 OS별로 API연동 및 작성하고, 각각의 뷰를 플러터안에 넣는 방법으로 소개되어있는데, 한글 문서로 된 것은 많이 없어서 내가 정..