[Flutter] 메모 3

2020. 12. 27. 11:32Flutter Mobile App/Flutter 메모 앱

반응형

앱바 디자인 수정

메모 작성 페이지

 

 


메인

[main.dart]

 

더보기
import 'package:flutter/material.dart';
import 'screens/home_page.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: 'MEMO',
      theme: ThemeData(
        primarySwatch: Colors.deepOrange,
        primaryColor: Colors.white
      ),
      home: HomePage(title: 'MINOKUMA - MEMO'),
    );
  }
}

 


작성 페이지

[screens/write_page.dart]

 

더보기
import 'package:flutter/material.dart';

class WritePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        actions: [
          IconButton(
            icon: const Icon(Icons.delete),
            onPressed: () {
              print('삭제 아이콘 클릭');
            },
          ),
          IconButton(
            icon: const Icon(Icons.save),
            onPressed: () {
              print('저장 아이콘 클릭');
            },
          )
        ],
      ),
    );
  }
}
반응형

'Flutter Mobile App > Flutter 메모 앱' 카테고리의 다른 글

[Flutter] 메모 6  (0) 2020.12.27
[Flutter] 메모 5  (0) 2020.12.27
[Flutter] 메모 4  (0) 2020.12.27
[Flutter] 메모 2  (0) 2020.12.27
[Flutter] 메모 1  (0) 2020.12.27