flutter 모달창 (팝업) 띄우기
·
Flutter
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..
Flutter CarouselSlider 캐러셀슬라이드 사용
·
Flutter
이렇게 카드 형식으로 된 캐러셀을 자동으로 혹은 마우스를 이용해서 스크롤이 가능하게 만드려고 한다. 우선 각 카드에 필요한 형식들은 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..
외부 통신을 통해 JSON 파싱하기
·
Flutter
Future fetchAlbums() async { final uri = Uri.parse('https://jsonplaceholder.typicode.com/albums'); List albumList = []; final response = await http.get(uri); if (response.statusCode == 200) { albumList = json.decode(response.body); return albumList; } else { throw Exception('실패 '); } } @override Widget setBuild() { return FutureBuilder( future: fetchAlbums(), builder: (BuildContext context, Asyn..
BasePage를 이용하여 공통 페이지 구성 만들기
·
Flutter
공통페이지를 만들어서 프로젝트 구성 시 조금더 간편하게 구현하는 방법에 대해 알아보았다. 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..
해니01_15
'Flutter' 카테고리의 글 목록 (15 Page)