Mobile (13) 썸네일형 리스트형 [Flutter] Positioned widget 가운데 정렬 Stack 내부에서 사용하는 Positioned 위젯이 상하, 좌우 가운데에 위치하도록 하려면? horizontal center -> left = 0, right = 0 vertical center -> top = 0, bottom = 0 [Flutter] Flutter에 Figma Variable Fonts 적용하기 * Flutter Extends Extended Korea 2023 세션을 듣고 정리한 글입니다. Variable font는 사용자가 유형과 아이콘을 제어할 수 있도록 하는 새롭고 혁신적인 글꼴 형식이다. Variable fonts support in Figma Variable fonts support in Figma Variable fonts support in Figma allows you to broaden the possibilities of your designs and typography with a wide range of font styles and features. www.figma.com 기존의 Flutter에서 custom font를 적용하는 방법은 다음과 같았다. 1. assets/.. [Flutter] Error : Incorrect use of ParentDataWidget. Expanded 위젯은 Column,Row,Flex 위젯 내에서만 이용 가능하다!! [Flutter] 특정 작업 수행한 뒤 위젯 갱신(rebuild)하기 Stateful widget에서 위젯을 rebuild 하려면 setState((){}); 를 쓴다. 특정 작업을 수행한 뒤 화면을 갱신하려면 setState((){}); 내에서 작업이 완료된 뒤 then으로 setState((){}); 를 호출하도록 하면 된다. setState(() { 수행할 작업 .then((value) => setState(() {})); }); 예를 들어, 쿠폰을 반납하는 작업을 수행한 뒤 화면을 갱신하는 코드는 다음과 같다. setState(() { Get.find() .deleteCoupon(widget.welcomeMenu.menuId) .then((value) => setState(() {})); }); [Flutter] GetX를 이용한 상태 관리 https://pub.dev/packages/get get | Flutter Package Open screens/snackbars/dialogs without context, manage states and inject dependencies easily with GetX. pub.dev 지난 포스팅에서 라우트 관리에 대해 정리한 것에 이어 이번 포스팅에서는 상태 관리를 정리해보려 한다. * 상태관리를 왜 해야할까? 플러터는 widget안에 widget으로 구성되고 그 widget은 또 widget으로 구성되는 이른바 트리 구조로 구현되어있다. 만약 최하단 위젯에서 최상단 부모 위젯으로 data를 보내면 어떨까? 또는 다른 페이지의 위젯으로 data를 보내면 어떨까? 하나의 data를 사용하기 위해서 .. [Flutter] GetX를 이용한 라우트 관리 https://pub.dev/packages/get get | Flutter Package Open screens/snackbars/dialogs without context, manage states and inject dependencies easily with GetX. pub.dev GetX는 크게 나누어 라우트 관리, 상태 관리 기능을 제공한다. 이번 포스팅에서는 라우트 관리를 정리해 보려고 한다. 원래 다른 페이지로 이동하거나 다이얼로그를 띄울 때 같이 라우트 간 이동에서 context를 필요로 한다. 그런데 GetX를 사용하면 context 없이 라우트를 관리할 수 있다. 따라서 코드가 더 간결해지고 쉬워진다. 라우트 관리를 위해서 우선 MaterialApp을 GetMaterialApp으로 .. [Flutter] Error: The argument type 'String' can't be assigned to the parameter type 'Uri'. http 버전이 올라가면서 Uri를 사용해야 한다. 기존 방법 var response = await http.get(url); 변경된 방법 var response = await http.get(Uri.parse(url)); [Flutter] 기상청 오픈API 위경도→ x, y 좌표 dart 변환 코드 기상청 오픈API는 위치를 찾을 때 위도 경도가 아닌 기상청만의 특정 좌표를 사용한다. C언어 예제만 제공해주기 때문에, 각자 원하는 언어로 짜야한다. 다음은 널 세이프티를 적용한 dart 변환 코드이다. import 'dart:math'; class Weather_map_xy { int x; int y; Weather_map_xy(this.x, this.y); } class lamc_parameter { double? Re; /* 사용할 지구반경 [ km ] */ double? grid; /* 격자간격 [ km ] */ double? slat1; /* 표준위도 [degree] */ double? slat2; /* 표준위도 [degree] */ double? olon; /* 기준점의 경도 [degree].. 이전 1 2 다음
