목록Flutter 예제 (43)

꿈꾸는 시스템 디자이너

Flutter Example - ListView | Create ListView with builder

import 'package:flutter/material.dart'; class ListViewWidthBuilder extends StatelessWidget { List items; ListViewWidthBuilder() { items = List.generate(100, (index) { return "Item - $index"; }); } @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar(title: Text("ListView with builder")), body: ListView.builder(itemBuilder: (context,index){ String item = items[index]; re..
Tutorial/Flutter with App 2019. 9. 27. 14:32
Flutter Example - ListView | basic

import 'package:flutter/material.dart'; class ListViewBasic extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar(title: Text("ListView Demo - Basic")), body: ListView( children: [ Text("First Item - Text"), Container( decoration: BoxDecoration(color: Colors.orange), child: Text("Second item - Text in Container"), ), ListTile( leading: Icon(Icon..
Tutorial/Flutter with App 2019. 9. 27. 14:29
Flutter Example - Screen Management | Kept On Screen

1. Add this to pubspec.yaml file dependencies: screen: ^0.0.5 2. Add the following permissions to Android Manifest file 3. Source Code import 'package:flutter/material.dart'; import 'package:screen/screen.dart'; ManageScreenDemoState pageState; class ManageScreenDemo extends StatefulWidget { @override ManageScreenDemoState createState() { pageState = ManageScreenDemoState(); return pageState; } ..
Tutorial/Flutter with App 2019. 9. 27. 12:40
Flutter Example - WillPopScope | Handel back button pressed

import 'package:flutter/material.dart'; class WillPopScopeDemo extends StatelessWidget { DateTime currentBackPressTime; final scaffoldKey = GlobalKey(); @override Widget build(BuildContext context) { return WillPopScope( onWillPop: () async { bool result = onPressBackButton(); return await Future.value(result); }, child: Scaffold( key: scaffoldKey, appBar: AppBar(title: Text("WillPopScope Demo")..
Tutorial/Flutter with App 2019. 9. 27. 10:13
Flutter Example - AlertDialog

import 'package:flutter/material.dart'; class AlertDialogDemo extends StatelessWidget { // Global Key of Scaffold final scaffoldKey = GlobalKey(); @override Widget build(BuildContext context) { return Scaffold( key: scaffoldKey, appBar: AppBar(title: Text("AlertDialog Demo")), body: Center( child: RaisedButton( child: Text("Show AlertDialog"), onPressed: () { showAlertDialog(context); }, )), ); ..
Tutorial/Flutter with App 2019. 9. 27. 09:53
Flutter Example - Navigation & routing | Return data from a screen

import 'package:flutter/material.dart'; class NaviGetData extends StatelessWidget { final scaffoldKey = GlobalKey(); @override Widget build(BuildContext context) { return Scaffold( key: scaffoldKey, appBar: AppBar(title: Text("First Screen")), body: Center( child: RaisedButton( child: Text("Launch Screen"), onPressed: () { receiveData(context); }, ), ), ); } receiveData(BuildContext context) asy..
Tutorial/Flutter with App 2019. 9. 27. 00:40
Flutter Example - Navigation & routing | Send data to a new screen

import 'package:flutter/material.dart'; class NaviSendData extends StatelessWidget { List fruits = ["Apples", "Oranges", "Bananas"]; @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar(title: Text("First Screen")), body: ListView.builder( itemCount: fruits.length, itemBuilder: (context, index) { return Card( child: ListTile( title: Text("${fruits[index]}"), onTap: () {..
Tutorial/Flutter with App 2019. 9. 27. 00:21
Flutter Example - Navigation & routing | Navigate to a new screen and back

import 'package:flutter/material.dart'; // First Screen class NaviFirstScreen extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar(title: Text("First Screen")), body: Center( child: Column( mainAxisAlignment: MainAxisAlignment.center, children: [ Container( height: 70, width: 250, decoration: BoxDecoration(color: Colors.orange), alignment: Alig..
Tutorial/Flutter with App 2019. 9. 26. 23:46
Prev 1 2 3 4 5 6 Next