# cupertinopicker

3개의 포스트
post-thumbnail

[Flutter] Date Picker(날짜 선택기) 만들기

Date Picker(날짜 선택기) 만들기 이번에는 Date Picker를 직접 만들어 보려고 한다. 날짜 선택기는 Flutter에서도 Material / Cupertino 스타일에 맞게 각각 제공해주고 있다. 그 외에도 많은 라이브러리에서 Localization이 포함된 날짝 선택기를 제공하고 있다. 개인적으로 심플한 날짜 선택기를 사용하고 싶을 때가 있다. 라이브러리를 사용하기는 싫고 그렇다고 기본 달력을 사용하기에는 디자인이 별로고.. 물론 날짜 선택기 테마를 지정하여 사용할 수는 있지만, 그래도 원하는 디자인을 완벽하게 커스텀하기는 쉽지 않았다. 그래서 한 번 만들어 보기로 하였다. IOS의 달력 스타일로 Cupertino Date Picker와 유사하게 만들어 보았고, 제공되는 코드는 그대로 사용 가능하도록 상태 관리 라이브러리도 사용하지 않았다. Flutter 먼저 어떤 구조로 개발을 해야 하는지에 대해서 먼저 살펴보자. Cupertino 스타일의 날짜

2023년 3월 25일
·
0개의 댓글
·
post-thumbnail

cryptocurrency exchange rate

여러 가상화폐에 대하여 각국의 화폐에 따른 환율을 제공하는 앱을 만들어야한다. > - 제공할 서비스 BTC, ETH, LTC 가상화폐에 대한 여러 화폐의 환율 제공 원하는 화폐선택 > - 해야할것 http & dart:convert 패키지 호출 apiKEY 발급 & api 확인(coinapi.io 사이트 이용) 환율 데이터 가져오기 화면 및 기능구현 http & dart:convert 패키지 호출 https://pub.dev/packages/http https://api.dart.dev/stable/2.15.1/dart-convert/dart-convert-library.html pubspec.yami파일 ※변경 후 pubget 클릭할것※ apiKEY 발급 & api 확인 https://docs.coinapi.io/?shell#exchange-rates 사이트에서 간단히 apiKEY를 발급받을 수 있다. ![](https://images.velo

2021년 12월 19일
·
0개의 댓글
·
post-thumbnail

[Flutter] CupertinoPicker()

CupertinoPicker() CupertinoPicker 위젯을 사용해서 다양한 picker를 만드는 방법에 대해서 알아보겠다 CupertinoPicker를 사용하면 dialog, bottomSheet, Container 안에서 원하는 디자인으로 커스텀이 가능하다 CupertinoPicker의 필수 인자 값으로 아이템의 간격을 조정하는 itemExtent, 값 변화를 제어하는 onSelectedItemChanged, children 이렇게 3개의 값이 있다 여기서 사용할 아이템 리스트이다 먼저 CupertinoPicker를 사용해서 값을 선택하는 picker를 만들겠다 onSelectedChanged에 colorString = colorItem[i]을 넣으면 변화되는 값을 받아올 수 있다 아래 코드는 CupertinoPicker.builder를 이용한 방법이다 CupertinoPicker에 초기 값을 넣어주는 방법은 controller를 이용하여 initalV

2021년 11월 4일
·
0개의 댓글
·