[Flutter] 메모 2

홈페이지 앱바 코드 제거

홈페이지 메모 리스트 표시

---

메인

[screens/home_page.dart]

 

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'write_page.dart';

class HomePage extends StatefulWidget {
  final String title;
  HomePage({Key key, this.title}) : super(key: key);

  @override
  _HomePageState createState() => _HomePageState();
}

class _HomePageState extends State<HomePage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      // appBar: AppBar(
      //   title: Text(widget.title),
      // ),
      // body: Center(
      //   child: Column(
      //     mainAxisAlignment: MainAxisAlignment.center,
      //     children: [
      //       Text('여러번 클릭!'),
      //     ],
      //   ),
      // ),
      body: ListView(
        /**
         * 리스트 뷰 함수 시작 코드에 스크롤에 따른 이벤트를 부여한다
         * 끝까지 메모를 스크롤한 상태에서 더 내릴 경우 튕기며 위로 올라가는 애니메이션 효과
         */
        physics: BouncingScrollPhysics(),
        children: [
          Padding(
            padding: EdgeInsets.only(left: 20, top: 20, bottom: 20),
            child: Text(
              '메모',
              style: TextStyle(fontSize: 36, color: Colors.blue),
            ),
          ),
          ...loadMemo()
        ],
      ),
      floatingActionButton: FloatingActionButton.extended(
        onPressed: () {
          print('[+ 메모 추가 액션버튼] 클릭');
          Navigator.push(
              context, MaterialPageRoute(builder: (context) => WritePage()));
        },
        tooltip: '+',
        label: Text('메모 추가'),
        icon: Icon(Icons.add),
      ),
    );
  }

  List<Widget> loadMemo() {
    List<Widget> memoList = [];
    memoList.add(Container(
      color: Colors.purpleAccent,
      height: 100,
    ));
    return memoList;
  }
}