Louie De Janeiru

{ // Place your global snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and // description. Add comma separated ids of the languages where the snippet is applicable in the scope field. If scope // is left empty or omitted, the snippet gets applied to all languages. The prefix is what is // used to trigger the snippet and the body will be ex..

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..

dart:io package 를 이용하여 TcpIp Server 기능 구현. Server IP 와 port number 입력 하고 Start 버튼 누르면 server 가 시작되고 client 의 연결을 기다린다. IP와 port 정보를 입력하지 않으면 default 값인 "127.0.0.1/3333" 이 입력되도록 했다. import 'dart:io'; import 'package:flutter/material.dart'; import 'package:flutter_my_utils/utils/my_utils.dart'; class TcpServerSocket extends StatefulWidget { const TcpServerSocket({super.key}); @override State creat..

dart:io package 를 이용하여 TcpIp Client 기능 구현하였다. Server IP 와 port number 입력 하고 Connect 버튼 누르면 server 에 연결이 되고 string 을 주고 받을 수 있게 작업되었다. IP와 port 정보를 입력하지 않으면 default 값인 "127.0.0.1/3333" 이 입력되고 있다. 이상한 부분은 ip address 정보를 얻어올때 "get_ip_address" package를 사용했는데 찍히는 ip 정보가 실제 정보와 다르다는 것이다. Package의 Sample code 대로 했는데 ip 정보가 다르게 읽혀온다. dart:io 에 있는 API를 이용하여 ip 정보를 확인해 보면 cmd 창에서 읽어온 정보과 같이 읽혀온다. 위 packag..

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..

rules: prefer_const_constructors: false avoid_print: false prefer_typing_uninitialized_variables: false prefer_const_constructors_in_immutables: false prefer_const_literals_to_create_immutables: false unnecessary_this: false