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

제공 되는 이미지가 bluechart 이면 글씨의 색을 파란색으로 아니라면 빨간색으로 표현되게 하고 싶었다. Text( jmprice, style: TextStyle( color: jmchart.contains("bluechart")? Color(0xFF2F68DD) : Color(0xFFDE3226), fontSize: 18, fontWeight: FontWeight.w500, ), ), 해당 코드를 보면 아래와 같이 표현 된다. 문자열.contains.("문자열 중 찾으려는 문자")