코딩(개발)/Flutter(18) AlertDialog onTap: () { AlertDialog dialog = AlertDialog( content: Text( '뿌려줄 메세지', style: TextStyle(fontSize: 30.0), ), ); showDialog( context: context, builder: (BuildContext context) => dialog); }, 2021. 2. 4. 탭 컨트롤러 탭바를 누르거나 화면을 슬라이드 시키면 페이지 바뀌면서 보여준다 - 첫번째 페이지 import 'package:flutter/material.dart'; class FirstApp extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( body: Container( child: Center( child: Text('첫번째페이지'), ), ), ); } } - 두번째 페이지 import 'package:flutter/material.dart'; class SecondApp extends StatelessWidget { @override Widget build(BuildContext context) { .. 2021. 2. 4. 앱 화면 기본 구성 기본 레이아웃 import 'package:flutter/material.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( debugShowCheckedModeBanner: false, //--------> 디버그띠 없애기 title: 'Flutter Demo', theme: ThemeData( primarySwatch: Colors.blue, visualDensity: VisualDensity.adaptivePlatformDensity, ), home: MyHome(), ); } } class M.. 2021. 2. 3. 페이지이동(routes,provider) pubspec.yaml - 패키지추가 provider: ^4.3.2 lib\screen 폴더생성 lib\screen\firstpage.dart 페이지 생성 import 'package:flutter/material.dart'; class FirstPage extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text('AppTitle-page1'), ), body: Center( child: Text('첫번째 페이지 나와'), ), ); } } lib\screen\second.dart 페이지 생성 import 'package:flutter/material.d.. 2021. 1. 29. 이전 1 2 3 4 5 다음
