본문 바로가기

전체 글47

Flutter의 BottomNavigationBar 사용 시 발생하는 rebuild 문제, IndexedStack으로 해결 Flutter에서 BottomNavigationBar는 앱의 하단에 여러 탭을 표시하는 데 널리 사용되는 위젯입니다. 하지만, BottomNavigationBar를 사용하면서 다음과 같은 문제점을 경험한 적이 있나요? 탭 이동 시 위젯 전체 재구성: 탭을 이동할 때마다 모든 위젯이 다시 구축됩니다. 이는 불필요한 성능 낭비를 야기하고, 깜박임 현상을 발생시킬 수 있습니다. 리스트뷰 스크롤 초기화: 리스트뷰를 스크롤하다 다른 탭으로 이동 후 다시 돌아오면 스크롤 위치가 초기화됩니다. 이는 사용자 경험을 저하시키는 문제입니다. IndexedStack 사용: IndexedStack 위젯을 사용하여 탭별 위젯을 관리하면 탭 이동 시 위젯 재구성을 방지할 수 있습니다. IndexedStack은 현재 선택된 탭의 .. 2024. 3. 11.
Flutter AfterLayoutMixin? Flutter에서 AfterLayoutMixin은 위젯의 첫 번째 레이아웃이 완료된 후 코드를 실행할 수 있도록 Flutter 프레임워크에서 제공하는 믹스인 클래스입니다. 위젯이 화면에 배치된 후 위젯의 크기나 위치에 따라 작업을 수행해야 할 때 특히 유용합니다. 다음은 AfterLayoutMixin 작동 방식과 사용 방법에 대한 분석입니다. 믹스인 클래스: Dart에서 믹스인은 여러 클래스에 걸쳐 코드 세트를 재사용하는 방법입니다. 'AfterLayoutMixin'은 기능을 활용하기 위해 위젯 클래스에 포함할 수 있는 Flutter에서 제공하는 믹스인 클래스입니다. 콜백 메소드: AfterLayoutMixin은 afterFirstLayout이라는 콜백 메소드를 제공합니다. 이 메소드는 위젯의 첫 번째 .. 2024. 3. 11.
Flutter에서 SingleTickerProviderMixin 사용 이유 SingleTickerProviderMixin은 Flutter에서 애니메이션을 위한 Ticker를 제공하는 데 사용되는 Mixin입니다. Ticker는 애니메이션 진행 상황을 추적하는 객체입니다. 사용 이유 SingleTickerProviderMixin을 사용하는 이유는 다음과 같습니다. 애니메이션 성능 향상: SingleTickerProviderMixin은 앱 전체에서 단일 Ticker를 사용하여 애니메이션 성능을 향상시킵니다. 메모리 사용량 감소: SingleTickerProviderMixin은 앱 전체에서 여러 Ticker를 사용하는 것보다 메모리 사용량을 줄입니다. 코드 간결화: SingleTickerProviderMixin은 애니메이션 코드를 간결하게 만들 수 있습니다. 사용 방법 SingleT.. 2024. 3. 11.
Dart의 읽기 전용 getter 간단히 getter라고도 알려진 읽기 전용 getter는 클래스 외부에서 전용 또는 보호 변수(또는 속성)의 값에 액세스할 수 있지만 수정은 방지하는 객체 지향 프로그래밍 언어의 메서드입니다. 캡슐화 및 데이터 무결성을 유지하면서 개체 속성 값을 검색하는 제어된 방법을 제공합니다. 읽기 전용 getter의 일반적인 작동 방식은 다음과 같습니다. 정의: Dart 또는 Java와 같은 언어에서는 클래스 내에서 getter 메소드를 정의합니다. 이 메서드에는 일반적으로 "get"이라는 접두사가 붙은 이름과 그 뒤에 액세스하려는 속성의 이름이 있습니다. 접근 한정자: 액세스되는 속성은 종종 클래스 외부에서의 직접 액세스를 제한하기 위해 비공개 또는 보호로 표시됩니다. 구현: getter 메소드는 외부 코드가 속.. 2024. 3. 11.

티스토리툴바