플러터의 가장 큰 장점은 원소스로 멀티 플랫폼을 구현 할 수 있다는 부분이다. 하지만 모바일에 최적화 되어 있다 보니 웹이나 윈도우를 구현 할 때는 살짝 화면 깨짐이나 늘어남 같은 부분은 어쩔 수 없는 부분이긴 한다. 어플 개발을 하는 중 아이폰인지, 안드로이드인지 웹인지 구별 할 수 있는 패키지가 있어서 사용해 보려고 한다. [ 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..

flutter 에서 아래의 그림과 같이 동일한 스타일의 콤보박스를 사용하기 위해 전역적인 콤보박스를 만들어주려고한다. CommonCombo.dart 공통으로 쓰일 Widget들을 모아 놓는 file 에서 아래와 같이 작성 해 준다. Widget comboBox({required RxList comboList, required RxString selectedData, required Function(String value) onSearchClick}){ return Row( mainAxisAlignment: MainAxisAlignment.center, children: [ Container( width:130, height: 40, color: CommonColor.bgDarkMode, child: Ob..