Clein's Tistory

2021. 06. 20. 한동안 Python Project에 빠져 있었습니다... 다시 Flutter 시작하려 하는데, Python 때문에 맥북을 초기화 한적이 있었나봅니다. Flutter를 새로 설치해 보겠습니다. ㅎㅎ 2021. 01. 05. 맥북이 상태가 안좋아서 지니어스바에 가서 수리를 받았습니다... 수리 받을려고 백업도 해놨겠다 이참에 Big Sur 클린 설치를 했습니다.... 이제 Flutter를 다시 설치해야겠군요.... 1년 정도 전에 설치를 했던 기억은 있는데.... 너무 흐릿하네요.. 차근차근 다시 설치해 보겠습니다. macOS install How to install on macOS. flutter.dev Flutter 사이트에 가면 친절하게 '영어'로 적혀있습니다.. ㅎㅎ M1 맥..

Flutter 앱에서 AdMob 광고를 달기 위한 패키지에는 다음 3가지 정도 있습니다. firebase_admob admob_flutter flutter_native_admob 이 글에서 소개될 패키지는 Google에서 제공한 firebase_admob이라는 패키지입니다. firebase_admob | Flutter Package Flutter plugin for Firebase AdMob, supporting banner, interstitial (full-screen), and rewarded video ads pub.dev 지원하는 광고는, 배너 광고(Banner) 전면 광고(Interstitial) 보상형 광고(Reward) 네이티브 광고(Native) 이렇게 4가지 전부 다 지원한다는데, 제가..

firebase_analytics는 Firebase기반이므로, 기본적으로 Firebase Project에 연결하신 후 사용하셔야 합니다. firebase_analytics | Flutter Package Flutter plugin for Google Analytics for Firebase, an app measurement solution that provides insight on app usage and user engagement on Android and iOS. pub.dev 1. 패키지 설치하기 /pubspec.yaml 파일에 firebase_analytics 패키지 추가 dependencies: flutter: sdk: flutter firebase_analytics: ^5.0.16 Pub..

Widget of the Week #7 FadeTransition flutter.dev Reference FadeTransition class - widgets library - Dart API Animates the opacity of a widget. For a widget that automatically animates between the sizes of two children, fading between them, see AnimatedCrossFade. Here's an illustration of the FadeTransition widget, with it's opacity animated by a CurvedAnimation s api.flutter.dev

Flutter에 웹뷰(Webview)를 사용할 일이 있어서 오랜 삽질 후에 기록을 남깁니다. ㅎㅎ 일단, 이번에 사용할 패키지는 flutter.dev에서 제공하는 webview_flutter입니다. webview_flutter | Flutter Package A Flutter plugin that provides a WebView widget on Android and iOS. pub.dev flutter_webview_plugin 이나 flutter_inappwebview 같은 다른 패키지도 있지만, 일단 저는 순정을 더 좋아하기 때문에 현재 제가 사용하는데는 이걸로 문제가 없었습니다. 1. 설치하기 pubspec.yaml 파일에 패키지를 추가한 후 Packaget get을 실행해 줍니다. depend..

Widget of the Week #6 FutureBuilder flutter.dev Reference FutureBuilder class - widgets library - Dart API Widget that builds itself based on the latest snapshot of interaction with a Future. The future must have been obtained earlier, e.g. during State.initState, State.didUpdateConfig, or State.didChangeDependencies. It must not be created during the State.bui api.flutter.dev

Widget of the Week #5 Opacity 위젯을 반투명하게 또는 안보이게 할 수 있는 위젯 flutter.dev Reference Opacity class - widgets library - Dart API A widget that makes its child partially transparent. This class paints its child into an intermediate buffer and then blends the child back into the scene partially transparent. For values of opacity other than 0.0 and 1.0, this class is relatively expensi api.flutter.dev

Widget of the Week #4 AnimatedContainer setState를 통해 Container를 변경 가능하게 하는 Widget이라는데 아직 사용해본적이 없어서. 딱히 설명할게 없다. flutter.dev Reference AnimatedContainer class - widgets library - Dart API Animated version of Container that gradually changes its values over a period of time. The AnimatedContainer will automatically animate between the old and new values of properties when they change using the pr..

Widget of the Week #3 Wrap 위젯을 자동 줄바꿈? 정도 되는 컨터이너? 정도로 생각하면 된다. 딱히 뭐 설명할게 없다. html5의 flex에서 flex-wrap 생각하면 이해하기 쉽다. flutter.dev Reference Wrap class - widgets library - Dart API A widget that displays its children in multiple horizontal or vertical runs. A Wrap lays out each child and attempts to place the child adjacent to the previous child in the main axis, given by direction, leaving spacing..

Widget of the Week #2 Expanded Expanded의 대표적인 기능은 이름에서 알 수 있듯이 확장 시키는 것이다. Column이나 Row Widget의 마지막에 Expanded를 넣어주면 나머지 여백을 전부 채운다. 두번째는 Flex이다. Expanded는 Flex 속성값을 설정 할 수 있어서 Widget의 크기를 비율로 조정할 수 있다. html5에서와 같은 기능을 한다. cf) Row 안에 TextField를 그냥 넣으면 console 창에 다음과 같은 메시지를 볼 수 있다. 사이즈가 어쩌고 저쩌고... 'package:flutter/src/rendering/box.dart': Failed assertion: line 1687 pos 12: 'hasSize' 근데, TextFiel..