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

API 통신을 하다보면 동일한 주소로 method만 바꿔서 통신하는 게 보통이다. 이럴떄 보면 조금더 간편하게 할 수 없을까? 생각이 들때 사용하면 좋을 라이브러리이다. 물론 사용하지 않고 구현해도 문제는 없다.   [pub.dev] dio | Dart packageA powerful HTTP networking package, supports Interceptors, Aborting and canceling a request, Custom adapters, Transformers, etc.pub.devexamples 에 보면 다양한 사용법이 설명 되어 있다. 아래는 그걸 활용하여 만든 코드이다.     [구현 예시]1. API 통신에 필요한 값들을 모아 요청 함수를 만든다.  Future request..

[ModalBarrier 클래스]사용자가 현재 보는 위젯 뒤에 있는 다른 위젯과 상호 작용하지 못하도록 하는 위젯이다. 모달베리어는 각 경로 뒤에 랜더링 되는 스크린이라 사용자가 뒷 스크린과 상호작용하지 못하도록 한다.  [사용] ModalBarrier( dismissible: false, color: Colors.black.withOpacity(0.0), ), [전체적인 코드]AlertDialog 를 띄우고 api 가 통신 되는 동안 뒷 배경을 클릭하여 다른 동작을 하지 못하게끔 ModalBarrier 를 이용하여 막아 놓는다. 그렇게 하면 아무리 눌러도 이상이 없지롱 ...  @override Widget build(BuildContext c..