본문 바로가기

개발/플러터 19

[플러터] SafeArea 에 대해서 들어가며 이번 글에서는 Flutter(이하 플러터)에서 가장 기본이 되는 위젯 "SafeArea"에 대해 살펴보고 사용법에 대해서 알아보도록 하겠습니다. 그런 후에 적용 예시를 통해 어떤 옵션이 있는지 또한 사용해야할 때의 유의점도 함께 살펴보겠습니다. SafeArea 이름만 들어서는 안전한 영역?은 대체 뭐까라는 의문점을 들게 하는 위젯입니다. 하지만 매우 중요하고 의미있는 위젯이기도 한데요. 바로 Widget of the week 에서 첫번째로 설명하고 있는 위젯이기 때문입니다. 플러터 공식문서에서는 이 위젯을 이렇게 표현하고 있습니다. A widget that insets its child by sufficient padding to avoid intrusions by the operating sy.. 2020. 5. 28.
[플러터] CheckboxListTile 에 대하여 CheckboxListTile 란 말그대로 Checkbox를 가진 ListTile 입니다. 체크박스가 필요할때 하나의 ListTile로 묶어 쉽게 생성하고 관리합니다. import 'package:flutter/material.dart'; void main() => runApp(MyApp()); /// This Widget is the main application widget. class MyApp extends StatelessWidget { static const String _title = 'CheckboxListTile Example'; @override Widget build(BuildContext context) { return MaterialApp( title: _title, home: S.. 2020. 5. 24.
[플러터] Route 기능에 대하여 ( 페이지 이동 ) 플러터에서 페이지( 화면 ) 이동은 Navigator 의 push, pop 를 사용한다고 앞써 설명했습니다. 2020/05/07 - [개발/플러터] - [플러터] Navigator 에 대해 ( 화면 전환 ) [플러터] Navigator 에 대해 ( 화면 전환 ) Navigator 는 화면을 전환하기 위한 스택 개념으로 생각하면 됩니다. 안드로이드의 경우 Intent를 통해 넘겨주거나 그나마 최근에 생긴 Navigator 기능을 통해 넘겨주는데 안드로이드 navigator와 비슷합니다. 여.. all-dev-kang.tistory.com 하지만 Navigator 코드를 보시면 매번 이러한 코드를 썼습니다. 이 코드를 간결하게 표현하고자 할때 route 기능을 쓰면 됩니다. 이렇게 앱의 시작 부분에 rout.. 2020. 5. 11.
[플러터] 페이지(스크린) 간의 데이터 전송 안드로이드에서는 주로 intent.putExtra를 통해 간단한 데이터를 액비티비 간에 전송하곤 합니다. 하지만 플러터에서는 navigator에서 이러한 데이터 전송을 관리합니다. push, pop 를 할때 데이터를 같이 실어보내주는 것이죠. 혹시 navigator에 대해 모르신다면 아래글을 먼저 읽고 와주세요. 코드도 저 예시에서 추가된 것입니다. 2020/05/07 - [개발/플러터] - [플러터] Navigator 에 대해 ( 화면 전환 ) [플러터] Navigator 에 대해 ( 화면 전환 ) Navigator 는 화면을 전환하기 위한 스택 개념으로 생각하면 됩니다. 안드로이드의 경우 Intent를 통해 넘겨주거나 그나마 최근에 생긴 Navigator 기능을 통해 넘겨주는데 안드로이드 naviga.. 2020. 5. 10.