Louie De Janeiru

TODO app 을 만들어 보다가 접하게 된 Dialog.사용자에게 알림을 띄우기 위해 사용하기에 적합하다.TODO app 에서 TODO item 을 수정하거나 할 경우에 사용하고 있는데 그런 용도로 적합한 위젯이다.showDialog/AlertDialog 을 같이 사용하는게 가장 효과적인 것 같다.   import 'package:flutter/material.dart';import 'package:flutter_my_utils/utils/my_utils.dart';class ShowDialogScreen extends StatefulWidget { const ShowDialogScreen({super.key}); @override State createState() => _ShowDialogSc..

Flutter 버튼을 종류별로 일단 흔한 것들을 만들어보자. 일반적으로 사용하는게 Elevated Button 이다. 그외 여러개의 버튼이 제공되는데 많이 사용하는 버튼들은 Elevated Button Outline Button Icon Button Text Button FloatingActionButton 등이 있다. import 'package:flutter/material.dart'; import 'package:flutter_my_utils/utils/my_utils.dart'; class ButtonScreen extends StatelessWidget { const ButtonScreen({super.key}); @override Widget build(BuildContext context) ..

ListView.builder itemCount : item의 항목 개수를 입력 itembuilder : item에 따른 action을 위한 function 구현 SizedBox( height: 200.0, child: ListView.builder( // shrinkWrap: true, itemCount: 10, itemBuilder: (BuildContext context, int idx) { if (_filterController.text.isEmpty) { _filteredInt = 0; } else { _filteredInt = int.parse(_filterController.text); } if (idx == _filteredInt) { return Container(); } else { r..

보통 MaterialApp에서 아래 flag 설정을 하면 debug banner 가 표시되지 않는다. debugShowCheckedModeBanner:false, 내 경우 위 flag 를 설정을 해도 disable 이 되지 않아 확인해 보니 go_router 를 적용하고 있는 경우는 아래과 같이 MaterilaApp.router 안에서 설정을 해주니 debug banner 가 표시되지 않는다. go_router 를 사용하는 경우 참고하자. class MyApp extends StatelessWidget { const MyApp({super.key}); @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Dem..