import 'package:flutter/material.dart'; import 'package:go_router/go_router.dart'; void main() { runApp(const MyApp()); } appBarClass() { return AppBar( title: const Text("Home Page"), ...
Lunetzsche's House
Flutter - Routes(2)
Flutter - Routes(1)
화면을 이동하는 Routes에 대해 익힐 시간이다. class MyApp extends StatelessWidget { const MyApp({super.key}); @override Widget build(BuildContext context) { return MaterialApp( initialRoute: '/',...
Flutter - Form
Form은 텍스트 필드처럼 복잡하지 않으며, 우리가 넣은 값을 간단히 검증하고 전달받을 수 있다. https://github.com/shechren/DIM/tree/master/do7 전체 코드는 여기에 있다. final _myForm = GlobalKey<FormState>(); String? name; String? age...
Flutter - TextField
TextField는 다음과 같이 지정한다. final로 TextEditingController()를 생성하고, controller에 지정한다. ElevatedButton에서 TextEditingController에서 받아온 텍스트를 print 로 출력한다. class MyTextField extends StatelessWidget { MyTe...
Flutter - 이벤트(event)
https://www.yes24.com/Product/Goods/117206541 Do it! 깡샘의 플러터 & 다트 프로그래밍 본 내용은 위 서적을 많이 참고했다. 상세한 내용은 해당 링크를 참조 바란다. 컨테이너는 영역을 표기한다. 일종의 레이아웃과 같은 셈이다. 이미지 양쪽 옆의 공백이 보인다면 그건 이미지가 정상적으로 출력되고 ...
Flutter - 이벤트(event)
Do it! 깡샘의 플러터 & 다트 프로그래밍 본 내용은 위 서적을 많이 참고했다. 상세한 내용은 해당 링크를 참조 바란다. IconButton, ElevatedButton, FloatingActionButton 같은 위젯들에서도 이벤트 처리가 가능하다. 그런데 그 모든 이벤트들 역시 내부적으로는 GestureDetector를 이용한다. 따...
Flutter - 테마 컴포넌트화
https://github.com/shechren/DIM/tree/master/Do3 코드는 위 링크에 있다. class Home extends StatelessWidget { const Home({super.key}); @override Widget build(BuildContext context) { return Scaffol...
Flutter - Material Theme
구글의 머티리얼 디자인을 따르면 마치 어도비 컬러, 구글 컬러를 이용하는 듯하게 테마 색상을 설정할 수 있다. 색상을 고르기 어려울 경우 이 색상 위주로 디자인의 통일성을 지킬 수 있게 된다. class MyApp extends StatelessWidget { const MyApp({super.key}); @override Widget ...
Flutter - 메뉴 만들기
https://github.com/shechren/DIM/tree/master/Do2 전체 코드는 여깄다. 여기서도 또한 머티리얼 앱을 만들어두고 시작한다. debugShowCheckedModeBanner: false, home: Scaffold( appBar: AppBar( title: Tex...
Flutter - Do it Myself
개떡같은 JS는 때려치우고 Flutter와 행복 코딩을 즐길 시간이다. 위와 같은 화면을 만드는 게 목표다. 어떻게 해야 할까? https://github.com/shechren/DIM/tree/master/Do1 전체 코드는 여기에 있다. 일단 머티리얼 앱을 만든다. debugShowCheckedModeBanner: false,...