[Flutter] 메모 4

2020. 12. 27. 13:09Flutter Mobile App/Flutter 메모 앱

반응형

메모 작성 페이지

 


작성 페이지

[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('저장 아이콘 클릭');
            },
          )
        ],
      ),
      body: Padding(
        padding: EdgeInsets.all(20),
        child: Column(
          children: [
            TextField(
              style: TextStyle(
                fontSize: 30,
                fontWeight: FontWeight.w500
              ),
              keyboardType: TextInputType.multiline,
              maxLines: null,
              decoration: InputDecoration(
                hintText: '메모 제목을 입력하세요.'
              ),
            ),
            Padding(
              padding: EdgeInsets.all(10),
            ),
            TextField(
              keyboardType: TextInputType.multiline,
              maxLines: null,
              decoration: InputDecoration(
                hintText: '메모 내용을 입력하세요.'
              ),
            ),
          ],
        ),
      ),
    );
  }
}

 

반응형

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

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