플러터의 가장 큰 장점은 원소스로 멀티 플랫폼을 구현 할 수 있다는 부분이다. 하지만 모바일에 최적화 되어 있다 보니 웹이나 윈도우를 구현 할 때는 살짝 화면 깨짐이나 늘어남 같은 부분은 어쩔 수 없는 부분이긴 한다. 어플 개발을 하는 중 아이폰인지, 안드로이드인지 웹인지 구별 할 수 있는 패키지가 있어서 사용해 보려고 한다. [ Platform.isAndroid vs Platform.isIOS ] 우선, 안드로이드와 IOS 구별을 해보려고 한다. Platform class는 플러터에서 제공하는 것으로 아주 간단하게 구별 할 수 있게 구현 가능하다. if (Platform.isAndroid) { print("안드로이드 플랫폼"); } else if (Platform.isIOS) { print("IOS 플..

오늘은 위와 같은 아이폰 토글 스위치를 구현 해보고자 한다. [ CupertinoSwitch ] CupertinoSwitch 라는 CupertinoSwitch는 iOS 앱에서 사용되는 스위치를 나타내는 Cupertino 디자인을 따르는 위젯이다. 이 위젯은 Flutter 프레임워크에서 제공되며, iOS 스타일의 스위치를 생성하는 데 사용된다. flutter 에서 제공하는 것인 만큼 내가 저번에 만들었던 토글 버튼과는 비교도 안되게 아주 가성비 넘치는 편리성을 자랑한다.. 혹시 전에 힘들게 구현했던 togglebutton이 궁금하다면 아래로 ... ㅎ Flutter toggleButtons 만들기 이렇게 달러를 클릭하면 달러의 주식가격이 원을 클릭하면 원화 가격이 나오게 토글버튼을 구현 해보려고 한다. 먼..

오늘은 저 체크박스를 구현하여 자동로그인에 관련한 것을 구현해보고자 한다. 아래는 StatelessWidget 으로 구현 되는 Checkbox class 예시이다. Onchanged 콜백함수를 통해 값을 다시 지정해준다. Checkbox class - material library - Dart API A Material Design checkbox. The checkbox itself does not maintain any state. Instead, when the state of the checkbox changes, the widget calls the onChanged callback. Most widgets that use a checkbox will listen for the onChanged..

WidgetsFlutterBinding.ensureInitialized(); 다음에 호출되는 함수의 모든 실행이 끝날 때까지 기다리는 명령어이다. 언제 쓰이는 가 초기 플러그인 초기화 : 위젯을 표시하기 전에 플러그인을 초기화하거나 데이터를 가져와야 할 때 백그라운드 프로세스 처리 : UI가 로드되기 전에 백그라운드 프로세스를 처리하거나 데이터를 가져와야 할 경우 런타임 오류 방지 : 앱이 완전히 초기화되기 전에 프레임워크 기능에 엑세스하려고 할 때 발생 할 수 있는 오류 방지 예제 나 같은 경우에는 sharedPreference에 저장 되어 있는 값을 삭제하고 앱을 실행 시키고 싶어서 사용하였다. void main() async { WidgetsFlutterBinding.ensureInitialized..

Flutter 에서는 라이트모드/다크모드를 지원해 준다. 좋다.. 색상 정의 우선 사용 할 색상을 정의해준다. Colors.dart라는 파일을 하나 생성해서 LightColors 클래스와 DarkColors 클래스를 만들어주었다. 상수값이고 전역적으로 접근해야할 클래스는 멤버를 static const로 작성해 준다. static으로 선언했기 때문에 인스턴스화없이 접근할 수 있고 const로 정적바인딩 되므로 런타임에서 값을 변경할 수 없어 안전하다. // Colors.dart import 'package:flutter/material.dart'; import 'package:get/get.dart'; class LightColors { // color define static const Color bas..

팝업을 띄어서 '오늘 하루 보지 않기' 를 누르면 오늘 하루를 저장해 팝업을 띄우지 않게 하는 방법을 구현 해보려고 한다. 우선 flutter 의 대표적인 SharedPreferences 를 사용 할 것이다. 기능 SharedPreferences는 기기 내부 디스크에 내용을 저장하는 것으로 어플을 껐다 다시 켰을 때 이전에 사용한 내용들을 저장해놓고 불러오기 위하여 사용된다. 사용법 pubspec.yaml shared_preferences: ^2.0.8 SharedPreferences를 만들기 선언 final SharedPreferences pref = await SharedPreferences.getInstance(); 데이터 저장 .set(맞는 type).('이름', 값); ex) pref.setIn..