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

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

공통페이지를 만들어서 프로젝트 구성 시 조금더 간편하게 구현하는 방법에 대해 알아보았다. 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..