https://medium.com/@theboringdeveloper/common-bottom-navigation-bar-flutter-e3693305d2d Common bottom navigation bar — Flutter Welcome to this tutorial to create a Common bottom navigation bar in Flutter. medium.com 해결하고 싶은 문제점 플러터에서 BottomNavigationBar를 사용하고 있는데, 내비게이션으로 화면 이동시 BottomNavigationBar가 사라진다. 그래서 화면을 이동해도 BottomNavigationBar를 계속 사용할 수 있는 방법에 대해서 구글링하였다. 이 문제를 해결하기 위해서는 플러터에서 route가 ..
플러터는 다트 언어를 사용한다. 다트의 객체에 동등성에 대해서 알아보자. 예제 코드 Person 클래스를 구현하였다. 그리고 동일한 속성을 가지는 두 객체를 생성한 후 == 연산자로 동등성을 확인하였더니 false가 나왔다. class Person { String name; int age; Person(this.name, this.age); } void main() { var a = Person('John', 26); var b = Person('John', 26); print(a == b); // false } 다트의 == 연산자 다트에서 == 연산자는 두 객체의 동등성을 비교하는 데 사용된다. == 연산자의 작동 방식은 객체의 주소(메모리 위치)를 기반으로 한다.즉, 두 객체가 정확히 같은 인스턴스인..
플러터에서 특정 조건에 따라 위젯을 나타내고 싶은 경우가 있다. 이때 일반적으로 사용하는 if() {} 문을 사용하니 if (_bannerAd != null) { SizedBox( height: 50, child: AdWidget(ad: _bannerAd!), ), }, error: The element type 'Set' can't be assigned to the list type 'Widget'. (list_element_type_not_assignable at [prayer_notebook] lib/ad_test.dart:76) 에러 내용은 Widget 타입이어야 하는데, Set가 되어서 발생한 에러라고 한다. 음? Set라고? 나는 분명 그냥 SizedBox인데?라고생각했는데 그 이유는 If()..
플러터는 다트 언어로 개발한다. 개발 시 얕은 복사와 깊은 복사를 잘 알아야 원치 않는 부작용을 방지할 수 있다. 불변 타입과 가변 타입 다음 코드에서 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 타입의 ..
플러터의 상태 관리 패키지인 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, ..