플러터에서 드롭다운(Dropdown) 위젯을 사용하는데 아래와 같은 에러가 발생했다. DropdownButton( value: selectedGroup, items: groupList.map((group) { return DropdownMenuItem( value: group, child: Text(group.name)); }).toList(), ), ======== Exception caught by widgets library ======================================================= The following assertion was thrown building NewPrayer(dirty, state: _NewPrayerState#7b00b): There s..
플러터는 다트 언어로 개발한다. 개발 시 얕은 복사와 깊은 복사를 잘 알아야 원치 않는 부작용을 방지할 수 있다. 불변 타입과 가변 타입 다음 코드에서 intOrigin과 myIntOrigin.value은 무슨 값이 출력될까? class MyInt { int value = 0; MyInt(this.value); } void main() { int intOrigin = 0; int intCopied = intOrigin; intCopied = 1; MyInt myIntOrigin = MyInt(0); MyInt myIntCopied = myIntOrigin; myIntCopied.value = 1; print('intOrigin: $intOrigin'); print('intCopied: $intCopied..
Provider를 사용하여 등록된 상태에 접근하는 방법은 다양합니다. 가장 일반적으로 사용되는 방법들에 대해서 알아봅시다. Provider.of(context) Provider.of(context)를 사용하면 등록된 T 타입의 객체 또는 상태에 접근할 수 있습니다. 이 방법은 가장 간단하고 직접적인 방법이며, 위젯 트리에서 가장 가까운 상위 Provider를 찾습니다. 기본적으로 리스닝 동작이 활성화되어 있으며, ChangeNotifierProvider의 상태 데이터 변경되거나 setState()로 상태 데이터가 변경되면, 해당 위젯이 리빌드 됩니다. 예시: var myData = Provider.of(context); context.read(): context.read()를 사용하여 등록된 T 타입의 ..
플러터를 안드로이드 스튜디오로 만들고 있다. 그러던 중 TODO 아이템을 이용하면, 나중에 추가할 코드 내용을 쉽게 찾을 수 있어서 사용해보았다. IconButton( onPressed: () { // TODO: 수정 기능 추가하기 }, icon: const Icon(Icons.edit), ), 하지만 TODO 아이템이 포함되어 있는 상태에서 안드로이드 스튜디오의 내장된 Git으로 Commit을 시도하니 Checks failed: 2 TODO와 같은 에러가 발생했다. 에러를 해결하기 위해선 TODO 아이템으로 표시한 작업을 완료해거나, TODO 아이템을 무시하도록 설정할 수 있다. 나는 TODO 아이템을 무시하도록 설정하겠다. 1. 안드로이드 스튜디오의 File > Setting을 선택한다. (운영체제에..
안드로이드 스튜디오에서 git을 이용해서 플러터 프로젝트를 버전관리하고 있었다. 수정 내용을 commit하니 아래와 같은 에러가 발생했다. Error:(1, 27) Cannot resolve symbol 'Properties' Error:(11, 15) Cannot resolve symbol 'GradleException' 1. File > Project Structure를 선택한 후 아래 이미지처럼 Moudle SDK에서 프로젝트에 사용할 SDK를 선택한다. 2. 그리고 SDK API가 29이상이면 GrandleException가 FileNotFoundException으로 대체된다. 따라서 SDK API가 29이상이라면 해당 코드를 수정해야 한다.
플러터의 상태 관리 패키지인 Provider에서 제공하는 ChangeNotifierProvider와 Navgator로 화면 이동한 후에 상태 변화를 확인하기 위해 예제 코드를 만들어 보았다. 다음 이미지처럼 FirstPage에서 SecondPage로 이동하고, SecondPage에서 상태를 변화시켜도 FirstPage에 구독한 상태가 잘 변경되는 것을 확인할 수 있다. FirstPage와 SecondPage가 StatelessWidget인 것을 주목하자. ChangeNotifierProvider로 상태가 공유되기 때문에 상태 변화시 자동으로 위젯이 리빌드 되기 때문에 StatefulWidget처럼 작동하게 된다. import 'package:flutter/material.dart'; import 'pac..
플러터의 State 클래스에서 코드를 작성하다 보면 위젯에 사용할 변수들을 build 메서드 내부에 지역 변수로 선언하는 경우가 종종 있었다. 다음은 PageView에 사용할 PageController를 build 메서드 내부에 지역변수로 선언된 예제이다. class _PrayerDetailState extends State { // ... @override Widget build(BuildContext context) { final controller = PageController(initialPage: selectedPage); return PageView( controller: controller, // ... ); } } build 메서드는 위젯의 렌더링을 담당하는 메서드로 만드는 것이 좋다. b..
플러터의 상태 관리로 사용되는 Provider의 Selector 위젯에 대해서 알아보자. Selector는 Provider 패키지에서 제공하는 위젯 중 하나로, 특정 상태의 일부만 구독하여 해당 상태의 변경에 따라 위젯을 업데이트할 수 있도록 도와준다. Provider 패키니에서 제공하는 Consumer 위젯도 상태를 구독하는데, Selector와 달리 상태 전부를 구독한다는 점이 다르다. 따라서 상태를 전부 구독해야 한다면 Consuer를 사용하고, 상태의 일부만 구독한다면 Selector를 사용하자. Selector의 사용법은 다음과 같다. Selector( selector: (BuildContext context, T value) => S, builder: (BuildContext context, ..