본문 바로가기

Flutter8

[Flutter] 달력 팝업 창 (기간 검색 시 사용) pubspec.yaml dependencies: flutter: sdk: flutter cupertino_icons: ^1.0.2 /// 아래 2개 추가 syncfusion_flutter_datepicker: ^19.2.60 fluttertoast: ^8.0.3 추가해야 하는 플러그인 : syncfusion_flutter_datepicker, fluttertoast 추가 후 pub get 명령어로 플러그인 추가하기 DatePeriodPicker.dart import 'package:common/common.dart'; import 'package:common/style.dart'; import 'package:flutter/material.dart'; import 'package:syncfusion_fl.. 2022. 2. 11.
Flutter 위젯 ExpansionTile 목차 ExpansionTile이란 ExpansionTile 사용 이유 ExpansionTile 사용하기 ExpansionTile 속성 1. ExpansionTile이란 타일을 확장하거나 축소하여 자식을 표시하거나 숨기는 확장 화살표 아이콘이 있는 단일 행 ListTile 이다. 2. ExpansionTile 사용 이유 선택된 값의 요약을 타일의 바로 밑에 표출되어야 하거나 선택할 값을 전부다 보여줄 필요가 없어서 생략이 가능할 때 사용한다. 3. ExpansionTile 사용하기 import 'package:flutter/material.dart'; import 'dart:math'; void main() { runApp(new ExpansionTileSample()); } class ExpansionT.. 2022. 1. 22.
A value of type ‘Object?’ can’t be assigned to a variable of type ‘LayoutType?’. 에러 메시지 에러 원인 선택된 버튼에 따라 변경되는 값이 있는데, 값이 Object로 리턴되고, 리턴받은 값을 사용하기 위해 타입이 지정된 변수에 넣으려고 했을 때 생기는 에러다. 에러 해결 방안 값을 변경할 때 값을 받을 변수의 타입으로 캐스팅하기 LayoutType? selectedType = LayoutType.Chart; Container( alignment: Alignment.center, padding: EdgeInsets.all(10), child: CustomRadioButton( elevation: 0, absoluteZeroSpacing: true, defaultSelected: selectedType, unSelectedColor: CustomColor.lightGrey4, butto.. 2022. 1. 17.
Flutter에서 화면 이동 - Navigator 목차 navigator 사용 이유 navigator 사용 방법 navigator 메소드 종류 Navigator 사용 이유 우리가 사용하는 앱은 단일 페이지로 되어 있지 않고 대부분 화면을 이동한다. 리스트 뷰의 아이템을 선택하면 다음 화면으로 이동하는데, 이는 우리에게 매우 익숙한 UI이다. 화면을 이동할 때 사용하는 게 Flutter의 Navigator을 이용해 화면을 이동한다. Stack 스택은 Last In First Out의 특징을 갖는다. 네비게이터 또한 스택처럼 Last In First Out 방식으로 네비게이션 스택을 관리한다. 페이지를 Navigator로 이동을 할 때 처음에 보였던 화면이 제일 밑에 깔리고, 최근에 불러온 페이지가 제일 네비게이션 스택의 제일 위에 쌓인다. Navigato.. 2022. 1. 13.