Tap to restart

어디서 쉽게 확인할 수 있을까? gallery.flutter.dev/#/ flutter gallery에서 쉽게 확인할 수 있다. 안드로이드 스타일인 material ui와 애플 아이폰 스타일인 cupertino ui를 제공해준다. 여기서 제공해주는 그밖에 ui 위젯이 필요할 경우에는 flutter 적용을 고민해봐야 한다. 안드로이드 스타일 ui 위젯 목록 아이폰 스타일 ui 위젯 아이폰 위젯의 개수가 안드로이드보다 훨씬 적다. 카드뷰처럼 안드로이드 아이폰 함께 쓸 수 있는 것은 material UI 쪽에 포함되어 있기 때문인 거 같다. 기타 예 실제 어떻게 작동하는지 볼 수 있고 코드도 볼 수 있다. material UI 카드 예

언제나 처음은 Hello World다. Hello World를 화면에 적기 위한 코드는 아래와 같다. (출처: flutter.dev/docs/development/ui/widgets-intro) import 'package:flutter/material.dart'; void main() { runApp( Center( child: Text( 'Hello, world!', textDirection: TextDirection.ltr, ), ), ); } 결과 클래스를 나누면 아래와 같다. import 'package:flutter/material.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { @override Wid..

웹에서 테스트 웹 개발을 활성화 해줘야 한다. 출처: flutter.dev/docs/get-started/codelab-web flutter SDK를 설치한 폴더로 가서 flutter channel beta flutter upgrade flutter config --enable-web 를 실행해야 한다. 다 하고 나면 실행기기에 웹이 추가된다. 이런 식으로 웹에서 테스트할 수 있다. 웹 앱으로 빌드 웹 앱으로 빌드하고 싶은 경우에도 터미널에서 명령어를 써야 한다. 메뉴 중에는 보이지 않는다. flutter build web flutter 프로젝트 폴더로 가서 위 명령어를 실행하면 web app용으로 build된다.

flutter를 사용해서 앱을 개발할 계획이다. Google firebase도 사용할 계획이다. flutter에서 firebase를 쓸 수 있을까? Firebase 문서 살펴보기 예 Cloud Firestore firebase 사이트 들어가서 firestore 문서를 살펴보면 dart 언어에 대한 설명은 따로 없다. flutter로 개발하려면 dart 언어로 개발해야 하는데 말이다. 같은 google에서 만들었는데 설마 flutter에서 firestore는 쓸 수 없는 것일까... pub.dev dart와 flutter 팩키지를 찾을 수 있는 pub.dev에서 찾아보자. 다행히 cloud firestore 팩키지가 있다. 아래 사이트 가면 flutter firebase 지원 항목과 문서를 볼 수 있다. ..