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

flutter 에서 기본적으로 가장 많이 사용하는 ElevatedButton의 스타일을 지정 해보자! 원래는 '최대' 와 같은 버튼이 기본적으로 제공하는 버튼 스타일인데 사이즈와 색상을 설정해서 '현금매수' 나 그 옆의 버튼 처럼 커스텀 할 수 있다. ElevatedButton( onPressed: () {}, style: ButtonStyle( backgroundColor: MaterialStateProperty.all(Colors.red), foregroundColor: MaterialStateProperty.all(Colors.white), fixedSize: MaterialStateProperty.all(Size.fromHeight(48)), ), child: const Text('현금매수', s..

KB증권의 M-able 와이드 클론 코딩 중 저 팝업! 에 대하여 알아보자 ~~~ 일단 뒤에 메인페이지가 나와있고 그 위에 팝업을 생성해야 하기 때문에 메인페이지에 해당 팝업이 나오게 만들어 준다. import 'package:flutter/material.dart'; import 'package:get/get_state_manager/src/rx_flutter/rx_obx_widget.dart'; import '../../constants/CommonColor.dart'; import '../../dialog/BasePopUpWindow.dart'; import '../../manager/MenuManager.dart'; import 'MainAppBar.dart'; import '../../dialo..

이렇게 카드 형식으로 된 캐러셀을 자동으로 혹은 마우스를 이용해서 스크롤이 가능하게 만드려고 한다. 우선 각 카드에 필요한 형식들은 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..