Study Record

✍ padding widget padding 위젯은 child 위젯의 겉부분에 빈 공간을 설정할 수 있다. Padding({ Key? key, required EdgeInsetsGeometry padding, Widget? child, }) padding 인자 값 설정 방법 1. EdgeInsets.all(double value) Padding( padding: EdgeInsets.all(16.0); child: Container() ) child 위젯의 전 방향(왼쪽, 오른쪽, 위, 아래) 에 16.0 만큼 padding 을 준다. 2. EdgetInsets.only({double left, double right, double top, double, bottom }) Padding( padding: ..

✍ const를 사용하는 이유 Text() 위젯 2개와 setState()를 할 수 있는 버튼이 하나 있는 간단한 프로젝트가 있다고 해보자. import 'package:flutter/material.dart'; class HomeScreen extends StatefulWidget { const HomeScreen({Key? key}) : super(key: key); @override State createState() => _HomeScreenState(); } class _HomeScreenState extends State { @override Widget build(BuildContext context) { return Scaffold( body: SafeArea(child: Container..

✍ theme 글꼴 적용 보통 Text(...) 위젯의 스타일(style)을 적용하려면 다음과 같이 Text() 위젯마다 TextStyle() 를 일일이 적용해야 한다. Text( "하늘하늘 맑은 하늘", style: TextStyle( color: Colors.white, fontSize: 70.0, fontFamily: 'parisienne' ), ); 중복되는 TextStyle() 를 하나로 통합해서 사용할 수 있는 방법이 theme 에 textTheme 이다. main 함수가 있는 MaterialApp 의 theme 인자값에 TextStyle() 을 설정한다. MaterialApp( theme: ThemeData( textTheme: TextTheme( headline1: TextStyle( co..

🎁 CupertinoDatePicker IOS 에서 주로 사용하는 날짜 선택 다이얼로그로 Cupertino 가 IOS 에서 자주 사용되는 이름이니 이 단어가 붙으면 IOS 와 관련된 기능이라고 생각해도 된다. 반대로 Material 은 AOS 에서 자주 사용되는 이름이다. CupertinoDatePicker({ Key? key, CupertinoDatePickerMode mode = CupertinoDatePickerMode.dateAndTime, required void Function(DateTime) onDateTimeChanged, DateTime? initialDateTime, DateTime? minimumDate, DateTime? maximumDate, int minimumYear = 1,..

✍ DateTime Dart 에서 날짜 계산을 할 때 유용한 class 이다. 현재 날짜 DateTime now = DateTime.now(); print(now);// 2023-01-31 23:40:53.435 print(now.year);// 2023 print(now.month)// 1 print(now.day);// 31 print(now.hour);// 23 print(now.minute);// 40 print(now.second);// 53 print(now.millisecond);//435 특정 날짜 // DateTime() 인자값 DateTime( int year, int month = 1, int day = 1, int hour = 0, int minute = 0, int second =..

✍ 상태바 글자/아이콘 색상 바꾸기 // 하얀색 SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle.light); // 검은색 SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle.dark);

✍ PageView Widget? 페이지별로 설정한 리스트 내용대로 스크롤 가능한 위젯이다. PageController 를 통해 PageVeiw 를 컨트롤할 수 있다. ※ 인자 PageView 의 인자는 다음과 같다. PageView({ super.key, this.scrollDirection = Axis.horizontal, this.reverse = false, PageController? controller, this.physics, this.pageSnapping = true, this.onPageChanged, List children = const [], this.dragStartBehavior = DragStartBehavior.start, this.allowImplicitScrolling ..

✍ pub.dev 사이트에서 WebView 오픈소스 살펴보기 pub.dev 사이트는 Flutter 와 관련된 오픈소스 프로젝트들이 모여있는 공간이다. pub.dev 사이트에서 webView를 검색하면 여러 가지 프로젝트들을 볼 수 있는데 그중 flutter.dev 는 flutter 공식 개발 팀을 의미한다. ✍ WebView_flutter 프로젝트에 적용하기 webview_flutter 프로젝트의 installing 탭에 적용하는 방법이 나와있는데 명령어 "flutter pub add webview_flutter" 를 먼저 실행한다. 그다음 pubspec.yaml 파일에 다음과 같이 webview_flutter: ^x.x.x 와 같이 추가되어 있는지 확인한 다음 [pub get] 버튼을 누른다. (web..