플러터4

• [Flutter] Inherited Widget . 위젯은 of 메서드를 이용해 트리의 상위에 위치한 InheritedWidget의 참조를 얻는다. . of 메서드는 트리를 탐색하여 가장 가까운 InheritedWidget 형식을 가진 부모를 찾아 반환한다. . 대부분 InheritedWidget 자체에 of 메서드를 정의함 . 파라메터로 전달된 BuildContext로 BuildContext.inheritedFromWidgetOfExactType 메서드를 호출 . inheritedFromWidgetOfExactType은 실제 트리를 검색하는 메서드 -> BuildContext로 부모 위젯에 접근 .inheritedFromWidgetOfExactType은 정적(Static)메서드 -> 어디에서나 호출 가능 프로그래밍/Flutter & Dart 2023. 2. 1.

• [Flutter] for와 forEach Flutter에서 가장 대표적으로 사용하는 반복문은 for와 forEach입니다. 각각 외부반복, 내부반복으로 구분합니다. 문법에 대해서 간단히 정리해 보면 다음과 같습니다. 1에서 6까지 숫자가 차례대로 저장되어 있는 리스트의 각 원소를 출력하는 코드를 작성해 보도록 하겠습니다. 구현된 코드는 다음과 같습니다. void main() { final lists = [1, 2, 3, 4, 5, 6]; for (int i = 0; i < lists.length; i++) { print('for loop: ${lists[i]}'); } lists.forEach((e){ print('forEach loop: $e'); }); } 가장 먼저 1에서 6까지 원소로 이루어진 lists 리스트를 정의합니다. for문에서.. 프로그래밍/Flutter & Dart 2023. 1. 5.

• 

  [Flutter] Go Router를 이용해서 페이지 이동하기 go route는 flutter에서 페이지 간 이동 시 URL기반의 API를 이용해서 쉽게 이동할 수 있도록 도와주는 패키지입니다. 1. Go Router 설정하기 import 'package:flutter/material.dart'; import 'package:go_router/go_router.dart'; const Color darkBlue = Color.fromARGB(255, 18, 32, 47); void main() { runApp(MyApp()); } final GoRouter _router = GoRouter( routes: [ GoRoute( path: '/', builder: (context, state) => HomePage(), ), GoRoute( path: '/classA',.. 프로그래밍/Flutter & Dart 2022. 12. 29.

• 

  [Flutter] state management(provider) 앞으로 몇 차례 포스팅을 통해서 provider에 대해서 공부를 해 보고자 합니다. state management는 기본적으로 app을 흐르는 데이터의 관리라고 생각하면 되겠습니다. 처음 앱을 만들게 되면 페이지를 구성하게 되고 페이지를 구성하거나 사용자의 입력을 받아서 다른 페이지에 전달해야 하는 경우가 생깁니다. 전달하는 데이터가 바로 다음 페이지일 수도 있고 아니면 구조 상 멀리 떨어진 페이지일 수도 있습니다. 이때 필요한 데이터를 제 때 필요한 곳에 전달하는 것이 state management라고 할 수 있으며, 이를 구현하기 위해서는 다음과 같은 몇 가지 방법을 이용할 수 있습니다. 1. stateful widget을 이용한 데이터 전달 2. inherited widget을 이용한 데이터 관리 .. 프로그래밍/Flutter & Dart 2022. 12. 27.