Study Record

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

🎁 RichText Class? RichText 위젯은 여러 가지 유형을 사용하는 텍스트를 표시한다. 표시할 텍스트는 TextSpan 객체의 트리를 사용하여 설명되며, 각 트리에는 해당 하위 트리에 사용되는 관련 스타일을 따로 적용할 수 있다. 문장 중 특정 단어만 강조하거나 밑줄을 긋고 싶을 때 등등 여러가지 상황에서 사용될 수 있다. [특정 단어 강조] RichText( text: TextSpan( text: 'Hello ', style: DefaultTextStyle.of(context).style, children: const [ TextSpan(text: 'bold', style: TextStyle(fontWeight: FontWeight.bold)), TextSpan(text: ' world!..

✍ Text Class 단일 스타일의 텍스트를 보여준다. Text( String this.data, { super.key, this.style, this.strutStyle, this.textAlign, this.textDirection, this.locale, this.softWrap, this.overflow, this.textScaleFactor, this.maxLines, this.semanticsLabel, this.textWidthBasis, this.textHeightBehavior, this.selectionColor, }) ※ 인자값 1. 글자 데이터(String this.data) 보여줄 텍스트를 지정한다. 2. 글자 스타일(TextStyle this.style) 텍스트의 스타일을 결정..

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

✍ timer 사용법 import 'dart:async'; import 'package:flutter/services.dart'; Timer timer = Timer.periodic(Duration(milliseconds:1000), (timer) { print("1초마다 한번씩 실행된다."); }); timer?.cancel();

✍ 상태바 글자/아이콘 색상 바꾸기 // 하얀색 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 ..