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..

이렇게 달러를 클릭하면 달러의 주식가격이 원을 클릭하면 원화 가격이 나오게 토글버튼을 구현 해보려고 한다. 먼저 토글 버튼과 금액을 다른 컨테이너로 움직이기 때문에 (눈속임... 이라고 할 수 있음) 토글 버튼을 먼저 구현 하는 것을 정리해 보려고 한다. 코드는 아래와 같고 토글 버튼은 켰다 껐다 의 개념으로 true, false 를 주어 해당 버튼이 어떤 상태인지 인지하게 해준다. isSelected = [ture, false]; ToggleButtons( fillColor: Colors.grey, selectedColor: Colors.white, selectedBorderColor: Colors.white, onPressed: (int index) { for (int buttonIndex = 0; ..

이렇게 카드 형식으로 된 캐러셀을 자동으로 혹은 마우스를 이용해서 스크롤이 가능하게 만드려고 한다. 우선 각 카드에 필요한 형식들은 Widget 으로 Container를 반환하도록 만들어 주었다. 더보기 Widget _addContainerWidget( String jm, String sign, String price, String increase) { return Container( width: 242, decoration: BoxDecoration( borderRadius: BorderRadius.circular(10), color: sign == "+" ? CommonColor.bannerBgUp_DK : CommonColor.bannerBgDown_DK ), child : Row( mainAxis..

공통페이지를 만들어서 프로젝트 구성 시 조금더 간편하게 구현하는 방법에 대해 알아보았다. STEP 1: 우선 base 라는 폴더를 만들어 준 뒤 그곳에 공통이 될 BasePage와 BaseController를 생성해 준다. STEP 2 : abstract class BasePage extends StatelessWidget { // Controller late BasePageController ctrl; final _scaffoldKey = GlobalKey(); BasePage({Key? key, BasePageController? controller}) : super(key: key) { if (controller != null) { ctrl = controller; } } // 화면에서 사용 App..