목록Flutter (47)

조용한 담장

ListView

Listview ListView A scrollable list of widgets arranged linearly. Listview Builder 동적으로 listview를 생성. Listview.separated 각줄 사이에 separator 를 삽입. 예제는 Divider 를 삽입. ListTile 앞뒤로 아이콘을 가지고 중간에 문자를 가지는 전형적인 list 의 한 줄을 구현하는 위젯. Checkbox, Radio, Switch CheckboxListTile, RadioListTile, SwitchListTile 를 적용했다. Custom Checkbox, Radio, Switch ListTile 의 기본 구성과 다르게 구성하고자 할때는 각각의 항목에 해당하는 위젯을 사용하여 만든다. Checkb..
Flutter 2019. 8. 8. 18:11
url_launcher

Flutter Package Flutter package 를 써보자. url_launcher pub.dev 에서 url_launcher package 를 써서 package 사용법을 알아보자. url_launcher 페이지에 잘 설명이 되어 있어서 어렵지 않다. Installing pubspec.yaml 파일에 패키지 정보를 추가한다. dependencies: flutter: sdk: flutter url_launcher: ^5.1.2 Visual Studio Code 를 쓰면 파일 저장과 동시에 자동으로 아래의 명령을 실행해 준다. 직접 실행을 하거나. $ flutter pub get Import 코드에는 직접 import 를 해주면 바로 사용 가능하다. import 'package:flutte..
Flutter 2019. 8. 7. 17:34
Flutter : Platform-specific code

Flitter Platform-specific code Flutter Docs 따라가기 Flutter Docs 의 Writing custom platform-specific code 을 따라가 보며 Android/iOS 의 Java, Kotlin, Objective-C, Swift 와 Flutter 가 어떻게 연동되는지 알아보자. Platform-specific code 를 사용할 수 있다는 것은 이미 존재하는 많은 코드들을 재사용 할 수도 있고, 좀 더 성능에 유리하게 개발 할 수도 있을 것이다. 또 Package 로 만들어서 flutter 내에서 재사용 하는 것도 가능하다. 플랫폼에 상관없이 코드 구조가 비슷해서 Android 와 Java 만 따라가 보겠다. Flutter 는 Android 는 Jav..
Flutter 2019. 8. 6. 17:39
Drawer

Drawer DrawerHeader, Drawer DrawerHeader 는 Material design에서 Drawer의 맨 위 공간으로 사용자의 정보등을 표시하는 용도로 사용하는 경우를 흔히 볼 수 있다. Drawer 에는 DrawerHeader, ListTile, Divider, Card, AboutListTile 등을 배치해 꾸며보았다. Tap actions Dialog 를 삽입해서 Tap 기능을 동작시켜 보았다. onTap, onLongPress GestureDetector endDrawer 오른쪽에서 열리는 Drawer. Demo Reference https://flutter.dev/docs/cookbook/design/drawer https://api.flutter.dev/flutter/ma..
Flutter 2019. 8. 2. 16:03
Prev 1 ··· 8 9 10 11 12 Next