목록Flutter 예제 (43)

꿈꾸는 시스템 디자이너

Flutter Example - Shared Preferences

Add this to pubspec.yaml file dependencies: shared_preferences: ^0.5.3+4 Source Code import 'package:flutter/material.dart'; import 'package:shared_preferences/shared_preferences.dart'; SharedPreferencesDemoState pageState; class SharedPreferencesDemo extends StatefulWidget { @override SharedPreferencesDemoState createState() { pageState = SharedPreferencesDemoState(); return pageState; } } clas..
Tutorial/Flutter with App 2019. 9. 26. 22:11
Flutter Example - SnackBar Widget

import 'package:flutter/material.dart'; SnackBarWidgetState pageState; class SnackBarWidget extends StatefulWidget { @override SnackBarWidgetState createState() { pageState = SnackBarWidgetState(); return pageState; } } class SnackBarWidgetState extends State { // Global Key of Scaffold final scaffoldKey = GlobalKey(); @override Widget build(BuildContext context) { return Scaffold( key: scaffold..
Tutorial/Flutter with App 2019. 9. 26. 11:53
Flutter Example - Expanded Widget

import 'package:flutter/material.dart'; ExpandedWidgetState pageState; class ExpandedWidget extends StatefulWidget { @override ExpandedWidgetState createState() { pageState = ExpandedWidgetState(); return pageState; } } class ExpandedWidgetState extends State { List flexList = [1, 1, 1, 1, 1, 1]; @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar(title: Text("Expanded..
Tutorial/Flutter with App 2019. 9. 24. 16:03
Flutter Example - Column Widget - Alignment

import 'package:flutter/material.dart'; class ColumnWidgetAlignment extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar(title: Text("Column Widget Alignment")), body: ListView( children: [ Text("* CrossAxisAlignment", style: TextStyle(fontWeight: FontWeight.bold)), Row( crossAxisAlignment: CrossAxisAlignment.end, children: [ Expanded( child: C..
Tutorial/Flutter with App 2019. 9. 24. 15:54
Flutter Example - Column Widget - Basic

import 'package:flutter/material.dart'; class ColumnWidgetBasic extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar(title: Text("Basic Column Widget")), body: Column( children: [ boxWidget(), boxWidget(), boxWidget(), ], ), ); } boxWidget() { return Container( height: 50, width: 50, decoration: BoxDecoration( color: Colors.blue[400], border: B..
Tutorial/Flutter with App 2019. 9. 24. 15:52
Flutter Example - Row Widget - CrossAxisAlignment

import 'package:flutter/material.dart'; class RowWidgetCrossAxisAlignment extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar(title: Text("Row widget - CrossAxisAlignment")), body: ListView( children: [ Text("default (CrossAxisAlignment.center)"), Container( decoration: BoxDecoration( color: Colors.grey[200], border: Border.all(color: Colors.i..
Tutorial/Flutter with App 2019. 9. 24. 15:41
Flutter Example - Row Widget - MainAxisAlignment

import 'package:flutter/material.dart'; class RowWidgetMainAxisAlignment extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar(title: Text("Row widget - MainAxisAlignment")), body: ListView( children: [ Text("Default (MainAxisAlignment.start)"), Container( child: Row( mainAxisAlignment: MainAxisAlignment.start, children: [ boxWidget(), boxWidget..
Tutorial/Flutter with App 2019. 9. 24. 15:37
Flutter Example - Row Widget - Basic

import 'package:flutter/material.dart'; class RowWidgetBasic extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar(title: Text("Basic Row Widget")), // insert a Row widget in body body: Row( children: [ // Add three sub-widget in the Row widget boxWidget(), boxWidget(), boxWidget(), ], ), ); } boxWidget() { return Container( height: 50, width: 5..
Tutorial/Flutter with App 2019. 9. 24. 15:28
Prev 1 2 3 4 5 6 Next