깃허브의 샘플 코드 Provider의 특징 중 하나는 여러개의 화면에서 상태값을 공유할 수 있다는 것이다. 실제로 그런 예제를 많이 접해볼 수 있는데, 가장 흔한 예제는 다음과 같은 카운터 앱일 것이다. 첫 번째 화면에서 카운터를 조작(증감) 두 번째 화면에서 카운터를 조회 보통은 별다른 설명 없이 Navigator.push로 두 번째 화면을 띄우고, 두 번째 화면에서는 Context의 Provider를 불러와서 조작을 시도한다. 이 때 뎁스에 따라서 Error: Could not find the correct Provider above this[WidgetName]Widget와 같은 에러를 출력하게된다. 실제로 lib/problem/problem_main.dart와 lib/problem/problem_..

flutter upgrade를 사용하여 flutter를 업데이트 하는 중, 에러가 발생하는 경우가 있다. 다시 업데이트를 시도해서 정상적으로 동작하면 다행이지만, 간혹가다가 flutter를 실행하려고만 하면 building flutter tools...라는 문구와 함께 빌드를 시도하다가 에러를 주르륵 내뱉는 경우가 있다. flutter upgrade를 실행하는 중 필요한 파일들을 /.pub-cache에 저장한 뒤, flutter tools를 빌드하기 때문으로 추정된다. 플러터를 설치한 위치로 이동하여 지우고 다시 설치해도 마찬가지라면, /.pub-cache를 지우고 다시 flutter upgrade를 실행해보도록 하자.

Flutter에서 Native(Android/iOS)로 작성한 UI Component 사용하기 Flutter를 사용해서 하이브리드 앱을 만들 때, 성능상 한계로 인해 네이티브를 사용해 UI를 작성해야 할 때가 있다. 혹은 이미 Kotlin/Swift를 사용해서 만들어진 컴포넌트 UI가 있어서, Flutter로 코드를 재작성하지 않고 네이티브로 작성된 UI를 불러와야 할 때가 있다. 이러한 경우 어떻게 하면 되는지 살펴보도록 하자. 현재 테스트는 안드로이드만 해봤기 때문에, 이 글은 안드로이드 기준으로 작성한다. 안드로이드는 v2로 업데이트 되면서 사용법이 좀 달라졌기 때문에 삽질을 했지만, iOS는 아마 별 문제 없으리라 생각한다. 사실 공식 문서 Hosting native Android and iOS ..

flutter의 ffi 라이브러리의 사용 ffi 라이브러리를 사용하면 C/C++로 작성된 코드를 사용할 수 있다. 아래와 같이 ffi_test 프로젝트를 생성해보자. flutter create ffi_testlib/main.dart에 플로팅 버튼을 누르면 카운트가 1씩 증가하는 샘플 코드가 작성되어있을 것이다. 이제 C의 malloc을 사용해서 int의 사이즈만큼 메모리를 할당한 뒤, 값을 변경하여 카운트를 증가시키도록 수정해보자. ffi 패키지는 기본으로 포함되어있지만, ffi 라이브러리는 pubspec.yaml 파일에 의존성을 추가해줘야한다. 아이러니하게도 ffi만 있으면 C 함수와 연동은 가능하지만, 포인터에 직접 메모리를 할당하는 동작을 할 수 없다. pubspec.yaml의 dependencie..