완성 된 패키지를 배포하는 방법에 대해 알아보자!  [package project 생성]먼저 File -> New -> New Flutter Project -> Next -> 아래의 그림과 같이 설정해준다. 여기서 포인트는 project type 을 Package 로 한다는 것!   [파일 구조 확인]패키지 프로젝트를 설정하고 나면 아래와 같이 아주 간단한 파일들만 있는 것을 확인 할 수 있다.해당 프로젝트의 lib 에 원하는 라이브러리를 작성 해 주면 된다. 나는 src 폴더를 따로 만들어 실제 필요한 코드들을 넣어 두었다.   [확인하기]터미널을 켜서 아래의 명령어를 쳐 준다. 이 명령어는 실제로 pub.dev 사이트에 올리기 전에 구조나 변수 선언 등등 틀린 곳이 없는 지 확인해주는 역할을 한다. ..

앞에서 설명했던 것과 같이 제일 큰 노란색 박스를 먼저 만들어주고 점점 세부적인 디테일을 구현 해 줄 것이다.  import 'dart:math';import 'package:flutter/cupertino.dart';import 'package:flutter/material.dart';import 'circle_diagonal_line_painter .dart';import 'each_button.dart';class WheelButton extends StatefulWidget { final double bottom; // 위젯의 위치를 설정하세요 final double containerSize; // 위젯의 크기를 설정하세요 final Color containerBgColor; // 버튼의 ..

네이버 앱에 보면 검색창 옆에 동그라미 버튼이 있는데 이걸 뭐라고 부르는지 아시나요 ...  구현을 하면서 찾아보다가 알게 되었는데 바로 그린닷 이라고 합니다! 이걸 플러터로 구현 해볼까 합니다. 플러터로 네이버 버튼 구현하기! 최종 목표는 라이브러리 화를 시키는 것이기 때문에 최대한 변수를 사용하고 누구든지 커스텀 할 수 있도록 구체적으로 만드는게 목표입니다.  사실 이미 라이브러리는 올라갔지만 허겁지겁 테스트 겸 올린거라 마음에 안들어서 처음부터 다시 구현 해볼까 합니다. 나름 외국인들도 사용 할 수 있게 영어로 설명도 써놨습니다.. 한번 다들 구경 해보세요!    floating_speed_dial | Flutter packageA Flutter package that provides a custo..

로그인창을 만들 때 엔터나 탭으로 다음 칸으로 이동하게 만들기를 해볼 것이다! //앞전의 정의들 static const inputRadius = 8.0; OutlineInputBorder enabledBorder = const OutlineInputBorder( borderRadius: BorderRadius.all(Radius.circular(inputRadius)), borderSide: BorderSide.none); OutlineInputBorder focusedBorder = const OutlineInputBorder( borderRadius: BorderRadius.all(Radius.circular(inputRadius)), b..