Flutter : AlertDialog In Column Height 조절 / Column 높이 조절

Flutter 소소한 정보 Flutter를 하다보니, 확실히 Java 로 레이아웃을 만들때보다 정렬이라던가.. 구성하는게 훨씬 간편하다는걸 느끼고 있습니다. 하지만 아직 부족한 공부탓에(?) 원하는 레이아웃구조를 짜다보면 상당히 지저분하게 느껴져서 고민입니다...ㅜ Google 검색 > 코드 추가 > Google 검색 > 코드 짜집기... 그러던 중 이번에는 AlertDialog 창을 띄우고, 그 창안에는 List 아이템을 크기만큼만 보여주고자 하는데 Column 위젯을 사용하니 높이가 화면 가득 차지하는 문제 발생 Column 높이 조절하기 위해선, 아래와 같은 속성을 추가해주면 됩니다. mainAxisSize: MainAxisSize.min // 코드 생략 Column( mainAxisSize: Ma..

• format_list_bulleted Android/Flutter
• · 2022. 4. 10.
• textsms

Flutter 날씨 앱 만들기(3) - 로딩 화면 만들기, API 사용법, API 데이터 받아오기

이번에는 날씨 API을 json 형식으로 받아오는 작업과, 그 앱 계속 동작중이라는 것을 알 수 있도록 로딩화면을 적용해보겠습니다. (만약, 데이터를 받아오는 시간이 오래걸리는데 아무런 애니메이션이나 변화가 없다면 사용자들은 앱이 멈췄다고 생각하겠죠?) https://colalove5562.tistory.com/52?category=1036672 Flutter 날씨 앱 만들기(2) - 프로젝트 생성, 위치 권한 확인, 위치정보 받아오기, API Key 발급 1. 폴더 구조 소개 전체 적인 폴더 구조는 사진과 같습니다. 기본적으로 프로젝트를 생성하면 작성되는 main.dart 파일이 있고, data, model, screens 3개의 폴더를 추가로 생성하여 각각의 파일들을 관리 colalove5562.ti..

• format_list_bulleted Android/Flutter
• · 2022. 2. 12.
• textsms

Flutter 날씨 앱 만들기(2) - 프로젝트 생성, 위치 권한 확인, 위치정보 받아오기, API Key 발급

1. 폴더 구조 소개 전체 적인 폴더 구조는 사진과 같습니다. 기본적으로 프로젝트를 생성하면 작성되는 main.dart 파일이 있고, data, model, screens 3개의 폴더를 추가로 생성하여 각각의 파일들을 관리하게 됩니다. 아래 추가되는 내용을 따라 하나하나 수정해보셔도 좋고, 전체적인 파일을 먼저 생성해두고 (내용은 x) 따라오시는 것도 좋을 것 같습니다. 2. main.dart 파일 수정 : main.dart 에서는 크게 중요한 부분이 없기 때문에 간단하게 넘어가도록 하겠습니다. import 'package:flutter/material.dart'; import 'package:flutter_weather/screens/loading.dart'; void main() { runApp(co..

• format_list_bulleted Android/Flutter
• · 2022. 2. 6.
• textsms

Flutter 날씨 앱 만들기(1) : 준비

Flutter 로 만든 날씨 앱 입니다. 맨 처음 로딩 화면이 끝나면 위치정보를 받아오고, 메인화면에 현재 위치 + 날씨 정보를 표시합니다. 간단한 UI 구성과 API 사용으로 Flutter 개발을 쉽게 접할 수 있는 좋은 예제입니다. 초보 개발자 이기 때문에.. 개발환경, 코드 효율성 등 부족한 부분이 많을 수 있습니다. 조금이라도 다른 분들께 도움이 되었으면 하고, 부족한 부분은 점점 채워나가도록 하겠습니다! 개발환경 Android Studio Arctic Fox | 2020.3.1 Patch 4 Flutter Version : 1.0.0+1 사용 API 날씨정보 : OepnWeather API 한글주소 변환 : Google Geocode API 개발 일자 : 2022.02.02 해당 앱은 Youtu..

• format_list_bulleted Android/Flutter
• · 2022. 2. 2.
• textsms