경우에 따라 새 화면에서 데이터를 반환해야 할 수도 있다. 예를 들어 사용자에게 두 가지 옵션을 제공하는 새 화면을 푸시한다고 가정해 보겠다. 사용자가 옵션을 탭할 때 해당 정보에 대해 조치를 취할 수 있도록 사용자의 선택을 이전 화면에 알리고 싶다. Navigator.pop() 메서드를 통해 이 작업을 수행할 수 있다. 홈화면 정의 class HomeScreen extends StatelessWidget { const HomeScreen({super.key}); @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: const Text('Returning Data Demo'), ), // Create t..

페이지 이동시에 어떤 경우에는 명명된 경로(named route)에 인수 (argument)를 전달해야 할 수도 있다. 예를 들어 /user 경로로 이동하여 해당 경로에 사용자에 대한 정보를 전달할 수 있다. Navigator.pushNamed() 메서드의 arguments 매개 변수를 사용하여 이 작업을 수행할 수 있습니다. ModalRoute.of() 메서드를 사용하거나 MaterialApp 또는 CupertinoApp 생성자에 제공된 onGenerateRoute() 함수 내부에서 인수를 추출한다. 전달해야 하는 인수 정의 // You can pass any object to the arguments parameter. // In this example, create a class that conta..

새 화면으로 이동 및 뒤로 레시피에서 새 경로를 생성하고 이를 네비게이터로 푸시하여 새 화면으로 이동하는 방법을 배웠다. 그러나 앱의 많은 부분에서 동일한 화면으로 이동해야 하는 경우 이 접근 방식을 사용하면 코드가 중복될 수 있다. 해결책은 명명된 경로를 정의하고 명명된 경로를 탐색에 사용하는 것이다. 이전 강좌와 같이 두개의 화면을 만들어 보자 import 'package:flutter/material.dart'; class FirstScreen extends StatelessWidget { const FirstScreen({super.key}); @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title:..

Flutter에 페이지이동(Routing) 메커니즘 명령형 라우팅 메커니즘 : Navigator 위젯 선언적 라우팅 메커니즘 : Router 위젯 두 시스템을 함께 사용할 수 있다(실제로 선언적 시스템은 명령형 시스템을 사용하여 구축됨). 작은 응용 프로그램은 MaterialApp.routes 속성을 통해 Navigator API를 사용하여 잘 제공된다. 더 정교한 애플리케이션은 일반적으로 MaterialApp.router 생성자를 통해 Router API에서 더 잘 제공된다. 이를 위해서는 애플리케이션에 대한 딥 링크를 구문 분석하는 방법과 애플리케이션 상태를 활성 페이지 세트에 매핑하는 방법을 설명하기 위해 더 많은 선행 작업이 필요하지만 장기적으로 더 많은 표현이 가능하다. flutter 에서 기본..

사용자 입력에 반응 하도록 앱 수정하기 우선 위와 같이 빨간색으로 칠해진 별을 클릭하면 count 가 41 에서 40 으로 바뀌고 별모양도 태두리만 있고 안쪽은 비어 있는 상태가 되도록 만들어 보자 상태를 관리 하기 위해 stateful widget 을 생성하자 (상태를 관리하는 다른 방법들도 있다. bloc , provider, riverpod 등등 하지만 여기서는 가장 기본적인 상태관리 방법인 stateful widget 을 사용해보자) lib/main.dart (FavoriteWidget) class FavoriteWidget extends StatefulWidget { const FavoriteWidget({super.key}); @override _FavoriteWidgetState create..

텍스트 섹션을 변수로 정의합니다. 텍스트를 컨테이너에 넣고 각 가장자리를 따라 패딩을 추가합니다. buttonSection 선언 바로 아래에 다음 코드를 추가합니다. lib/main.dart (textSection) Widget textSection = const Padding( padding: EdgeInsets.all(32), child: Text( 'Lake Oeschinen lies at the foot of the Blüemlisalp in the Bernese ' 'Alps. Situated 1,578 meters above sea level, it is one of the ' 'larger Alpine Lakes. A gondola ride from Kandersteg, followed by..