플러터(Flutter) 페이지 이동하기 : Navigator

Navigator Navigator 는 앱상의 페이지를 관리하며, 자료구조로 Stack 을 사용합니다. (push, pop) 스마트폰의 어플을 사용하다보면 뒤로가기 기능을 흔히 볼 수 있습니다. 어떠한 페이지에 이동할 때는 현재 보고 있는 페이지 위에 쌓이게 되는 것이며(push) 뒤로가기는 쌓여진 페이지를 빼는 것(pop) 이라고 생각하면 됩니다. 예제 Navigator.push 를 사용해서 현재 페이지(context) 위에 새로운 페이지(PageView2)를 올립니다. ListTile( leading: Icon( Icons.image, color: Colors.grey[850], ), title: Text('페이지 2'), onTap: () { Navigator.push( context, Materi..
Application/Flutter 2020. 8. 4. 14:35

플러터(Flutter) 메뉴 만들기 -2 : ListView / ListTitle

사이드 메뉴 ListView 와 ListTile 을 사용하여 사이드 메뉴 리스트를 추가했습니다. ListView 는 항목들을 행으로 나열합니다. ListTile 은 각 항목에 대한 열의 항목들(아이콘, 텍스트 등)을 나열합니다. child: ListView( children: [ ListTile( leading: Icon( Icons.home, color: Colors.grey[850], ), title: Text('홈'), onTap: () { print('Home pressed') }, ), ListTile( leading: Icon( Icons.image, color: Colors.grey[850], ), title: Text('사진보기'), onTap: () { }, trailing: Icon(I..
Application/Flutter 2020. 8. 4. 12:59

플러터(Flutter) 메뉴 만들기 -1 : AppBar / Drawer

Appbar 메뉴 타이틀 텍스트만 추가한 코드입니다. import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { // This widget is the root of your application. @override Widget build(BuildContext context) { return MaterialApp( title: 'Menu Example', theme: ThemeData( primarySwatch: Colors.yellow, ), home: Scaffold( appBar: AppBar( title: Text('Menu Example'), ), ) ); ..
Application/Flutter 2020. 8. 4. 10:51