본문으로 바로가기
Flutter
해당되는 글 43건
Flutter/Widget
Flutter ListTileTheme 문서
ListTileTheme 하위 위젯에 tile의 theme 값을 변경시킬 수 있다. ExpansionTile의 경우 leading 속성이 있으나 leading과 title의 gap을 줄여주는 속성이 없다. 하지만 ListTileTheme과 같이 사용하면 이를 해결할 수 있다. Tile의 종류 GridTile을 제외한 아래의 Tile에서는 ListTileTheme이 적용이 되는 것을 확인하였다. ListTile CheckBoxTile ExpansionTile AboutListTile RadioListTile SwitchListTile
Flutter/Widget
Flutter TextFormField 문서
TextFormField 텍스트를 입력하고 입력한 텍스트를 저장 및 유효성 검사를 하기 위한 위젯이다. 올바른 이메일, 아이디 중복 확인, 기타 등등... TextFormField + Form 세트로 사용한다. 1. GlobalKey, TextEditingController 선언 GlobalKey _key = GlobalKey(); TextEditingController _textEditingController = TextEditingController(); 2. Form - TextFormField로 구성한다. Form( key: _key, child: TextFormField(...), ), 3. TextFormField Property 정리 initialValue - 초깃값 controller가 n..
Flutter/Document
Flutter text over flow 적용안될때
개발을 하다 보면 text가 밀릴 때가 발생한다. TextScale을 설정하지 않았을 때 TextScale을 고정시키게 되면 시스템에 설정된 폰트 크기가 적용되지 않는다. 이는 눈이 침침해서 작은 글씨가 잘 안보이시는 어르신들이 사용하는 앱 같은 경우에는 글자가 잘 안 보이는 불편함을 야기시키기 때문에 대체적으로 눈이 침침하신 어르신들이 사용하는 앱을 개발하는 경우에는 안 하는 것이 좋다고 생각한다. 작은 width를 가진 스마트폰으로 발생하는 overflow text의 길이가 초과될 때 그래서 이를 해결하기 위해 나는 아래와 같은 코드 블록을 사용했었다. 하지만 overflow가 적용되지 않았다. Text 길이가 길어짐에 따라 Text 위젯은 확장된다 이로 인해 Text위젯 옆에 있는 위젯을 밀어버려 ..
Flutter/Widget
Flutter DateTime Method 문서 [7/13 보완 작성하기]
DateTime Method List compareTo // now 기준 과거일때 1, 같을때 0, 미래일때 -1 now.compareTo(past!); // 1 now.compareTo(now); // 0 now.compareTo(future!); // -1 isAfter // 기준값 보다 비교값이 과거이면 true now > past => true now.isAfter(past!); // true now.isAfter(now); // false now.isAfter(future!); // false isBefore // 기준값 보다 비교값이 과거이면 false now false now.isBefore(past!); // false now.isBefore(now); // false n..
Flutter/Package
Flutter intl package 문서 (DateFormat, NumberFormat)
intl package? 지역(국가)마다 언어나 날짜를 보는 법이나 숫자 또는 돈을 표기하는 법에서 차이가 있다. 해당 지역에 표기법을 현지화하는데에 도움을 주는 라이브러리이다. 지역 설정 DateFormat NumberFormat BidiFormatter - 양방향 텍스트 대부분 국가에서는 왼쪽에서 오른쪽으로 읽는데 일부 국가에서는 오른쪽에서 왼쪽으로 읽는다 검색해보니 Windows 문서에 아랍어, 히브리어, 이란어 우르두어, 다리어, 중앙 쿠르드어, 신디어, 펀잡어(파키스탄) 및 위구르어 가 있다. DateFormat var dateTime1 = DateFormat.yMMMMEEEEd().format(DateTime.now()); var dateTime2 = DateFormat("yyyy년 MM월 d..
Flutter/Document
Flutter hive dark mode 문서
다크 모드로 전환 시 전체 위젯을 refresh 해줘야 한다. 그러므로 MaterialApp, CupertinoApp을 ValueListenableBuilder 또는 ChangeNotifierProvider로 감싸줘야 한다. 그밖에 상태 관리 패키지마다 다른 방법이 있을 것이다. void main() async { await Hive.initFlutter(); await Hive.openBox('themeData'); runApp(DarkModeDemo()); } class DarkModeDemo extends StatelessWidget { const DarkModeDemo({Key? key}) : super(key: key); @override Widget build(BuildContext conte..
