하랑파파꺼

# Flutter Tabs Widget import 'package:flutter/material.dart'; /*# Form Validation check 순서1. Form Widget 을 위한 GlobalKey 생성2. TextFormField Widget에 Form Validation 을 위한 로직 추가3. 버튼을 만들어 Form Validation 검증*/ class FormValidationEx01 extends StatefulWidget { _FormValidationEx01State createState() => _FormValidationEx01State();} class _FormValidationEx01State extends State { /* Form Widget을 작성할 때 Glo..

# Flutter 가로 모드 세로 모드 일 때 UI 업데이트 import 'package:flutter/material.dart';/*경우에 따라 사용자가 세로 모드에서 가로 모드로 화면을 회전할 때앱 디자인을 쉽게 업데이트할 수 있습니다.*/ class OrientationUIEx01 extends StatelessWidget { final appTitle = 'Orientation Demo'; @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text('OrientationUIEx01'), ), /* 현재 방향을 결정하기 위해 OrientationBuilder Widget을 사용할 수 있습니다. ..

# Flutter SnackBars Example 02 import 'package:flutter/material.dart'; /* Snackbar Widget 을 사용하려면 Scaffold widget 을 사용해야 함 # SnackBars Widget 을 만드는 순서 1. Create a Scaffold 2. Display a SnackBar 3. Provide an additional action SnackBars 만들 때 SnackBar 내용은 따로 Widget 을 만들지 않을 경우에는 build() 를 이용해서 context를 인자값으로 전달 후 생성*/class SnackBarsEx02 extends StatelessWidget { @override Widget build(BuildContext..

# Flutter SnackBars Example 01 import 'package:flutter/material.dart'; /* Snackbar Widget 을 사용하려면 Scaffold widget 을 사용해야 함 # SnackBars Widget 을 만드는 순서 1. Create a Scaffold 2. Display a SnackBar 3. Provide an additional action SnackBars 만들 때 SnackBar 내용은 따로 Widget 을 만들어 Scaffold.of(context).showSnackBar(); 를 사용 할 수 있도록 한다.*/class SnackBarsEx01 extends StatelessWidget { @override Widget build(Buil..

# Flutter Drawer Widget import 'package:flutter/material.dart'; /* Drawer Widget을 사용하려면 Scaffild Widget 을 사용해야 함 # Drawer Widget 만드는 순서 1. Create a Scaffold 2. Add a drawer 3. Populate the drawer with items 4. Close the drawer programmatically*/ class DrawerEx01 extends StatefulWidget { _DrawerEx01State createState() => _DrawerEx01State();} class _DrawerEx01State extends State { @override Widget..

#Flutter Fade Animation Example import 'package:flutter/material.dart'; class AnimationEx01 extends StatefulWidget { _AnimationEx01State createState() => _AnimationEx01State();} class _AnimationEx01State extends State { bool _visible; @override void initState() { super.initState(); _visible = true; } @override Widget build(BuildContext context) { return Container( child: Scaffold( appBar: AppBar..

# 참고https://flutter.io/docs/cookbook/lists/mixed-list import 'package:flutter/material.dart';/*목록에서 다른 유형의 항목을 나타내려면 각 항목 유형에 대한 클래스를 정의해야 합니다.이 예에서는 머리글이 표시된 앱에 이어 메시지가 5개 표시됩니다.따라서 ListItem, HeadingItem 및 MessageItem의 세 가지 클래스를 만듭니다.*/ // 목록에 포함할 수 있는 다양한 유형의 항목에 대한 기본 클래스abstract class ListItem {} // 제목을 표시할 데이터가 포함된 목록class HeadingItem implements ListItem { final String heading; HeadingItem(..

# 참고https://flutter.io/docs/cookbook/lists/grid-lists import 'package:flutter/material.dart'; class ListEx03 extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text('ListEx03'), ), body: SafeArea( // 그리드를 사용하여 시작하는 가장 간단한 방법은 // GridView.count 생성자를 사용하는 것입니다. // 우리가 원하는 행이나 열의 수를 지정할 수 있기 때문입니다. child: GridView.count( // 두 개의 열로 그리드를 ..

# 참고https://flutter.io/docs/cookbook/lists/horizontal-list import 'package:flutter/material.dart'; class ListEx02 extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text('ListEx02'), ), body: SafeArea( child: Container( margin: EdgeInsets.symmetric(vertical: 20.0), height: 200.0, child: ListView( // 스크롤이 좌우로 되게끔... scrollDirection: Ax..

# 참고https://flutter.io/docs/cookbook/lists/basic-list import 'package:flutter/material.dart'; class ListEx01 extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text('ListEx01'), ), body: SafeArea( child: ListView( children: [ ListTile( title: Text('List1'), leading: Icon(Icons.map), ), ListTile( title: Text('List2'), leading: Icon(Ico..