[Flutter] 메모 4
2020. 12. 27. 13:09ㆍFlutter 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 |