이렇게 달러를 클릭하면 달러의 주식가격이 원을 클릭하면 원화 가격이 나오게 토글버튼을 구현 해보려고 한다. 먼저 토글 버튼과 금액을 다른 컨테이너로 움직이기 때문에 (눈속임... 이라고 할 수 있음) 토글 버튼을 먼저 구현 하는 것을 정리해 보려고 한다. 코드는 아래와 같고 토글 버튼은 켰다 껐다 의 개념으로 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..

화면을 구성하다 보면 위에 처럼 같은 구성을 반복적으로 사용해야 할 때가 있다. 그럴 때 widget을 함수처럼 사용하여 반복적인 구성을 간편하게 구현할 수 있다. 위 이미지는 제일 큰 컨테이너 안에 이미지, 텍스트, 텍스트가 들어가야 하는 구성이 반복된다. 그래서 파라미러터로 imgUrl 경로, title 텍스트, contents 내용에 관련된 내용을 String 타입으로 받는다. 구성을 그대로 짜주고 해당 파라미터로 받을 값들을 적어 준다. Widget _addSubText(String imgUrl, String title, String contents) { return Container( margin: const EdgeInsets.only(top: 10), child: Column(crossAxi..