Clein's Tistory

Widget of the Week #1 SafeArea SafeArea는 기기별로 다른 StatusBar 등의 영영에 자동으로 padding을 넣어주는 역할을 한다. 특히 Stack 등으로 앱 레이아웃을 제작하는 경우 기기마다 다르게 표시되는 경우가 많아 대환장 파티를 할 수 있는데, SafeArea안에서 놀게 되면 깔끔한 디자인이 가능하다. 다른 것들은 다 간단한 건데, maintainBottomViewPadding은 뭐하는 건지 모르겠다. flutter.dev Reference SafeArea class - widgets library - Dart API A widget that insets its child by sufficient padding to avoid intrusions by the op..

flutter.dev Reference AlertDialog class - material library - Dart API A material design alert dialog. An alert dialog informs the user about situations that require acknowledgement. An alert dialog has an optional title and an optional list of actions. The title is displayed above the content and the actions are displayed be api.flutter.dev CupertinoAlertDialog class - cupertino library - Dart A..

|| Widget 소개 Flutter에는 기본적으로 CupertinoSegmentedControl과 CupertinoSlidingSegmentedControl 두 가지 위젯이 있다. 보통 Material과 Cupertino는 디자인만 다르고 비슷한 위젯이 있는데, SegmentedControl은 Cupertino에만 있는거 같다. Material 쪽을 찾아 봤지만 찾을 수가 없다. 일단, 뭐하는 녀석들인지 알아보기 위해 Example을 만들어 본다..... 그냥 어떤 녀석들인지 간단히 보기 위해서 대충 만든 예제 이므로, 이 상태에서는 터치를 해도 선택이 안된다. cf 1) CupertinoSegmentedControl의 경우 기본적으로 padding 값이 들어있기 때문에, 따로 지정해 주지 않으면 레이..

flutter_slidable | Flutter Package A Flutter implementation of slidable list item with directional slide actions that can be dismissed. pub.dev Install dependencies: flutter_slidable: ^0.5.4 Import import 'package:flutter_slidable/flutter_slidable.dart'; 라이선스 (License) MIT License

flutter.dev Reference SnackBar class - material library - Dart API A lightweight message with an optional action which briefly displays at the bottom of the screen. To display a snack bar, call Scaffold.of(context).showSnackBar(), passing an instance of SnackBar that describes the message. To control how long the SnackBar api.flutter.dev

iOS) 아이폰 6s = 375 x 667 Apple Simulator) iPhone 8 = 375 x 667 iPhone 8 Plus = 414 x 736 iPhone 11 = 414 x 896 iPhone 11 Pro = 375 x 812 iPhone 11 Pro Max = 414 x 896 Android Emulator) 1080x2160 = 392.72 x 737.45

flutter.dev Reference ValueListenableBuilder class - widgets library - Dart API A widget whose content stays synced with a ValueListenable. Given a ValueListenable and a builder which builds widgets from concrete values of T, this class will automatically register itself as a listener of the ValueListenable and call the builder with u api.flutter.dev

1) Widget의 크기 지정하기 SizedBox( width: 200.0, height: 100.0, child: FlatButton( color: Colors.blue, child: Text('Button'), onPressed: () {}, ), ), SizedBox( width: double.infinity, height: 100.0, child: FlatButton( color: Colors.blue, child: Text('Button'), onPressed: () {}, ), ), 2) Widget 간격 설정 주로 Column 사용하면서 위젯간 간격 조절하는데 사용한다. Padding이나 다른걸로 해도 되지만, SizedBox로 하면 heigth만 입력해 주면 되기 때문에 간단하다. Colu..

추천 패키지 flutter_slidable | Flutter Package A Flutter implementation of slidable list item with directional slide actions that can be dismissed. pub.dev flutter.dev Reference Dismissible class - widgets library - Dart API A widget that can be dismissed by dragging in the indicated direction. Dragging or flinging this widget in the DismissDirection causes the child to slide out of view. Following t..

flutter.dev Reference AnimatedBuilder class - widgets library - Dart API A general-purpose widget for building animations. AnimatedBuilder is useful for more complex widgets that wish to include an animation as part of a larger build function. To use AnimatedBuilder, simply construct the widget and pass it a builder function. F api.flutter.dev