본문 바로가기

분류 전체보기

(657)
[Flutter] App Weather - 1단계 geolocator 8.2.0 오늘은 geolocator 패키지 사용법에 대해서 알아보겠습니다. 개발환경 : 윈도우11, 안드로이드 스튜디오, flutter 2.8.1 소스코드 위치 - https://github.com/mike-bskim/weather/releases/tag/start Release start · mike-bskim/weather github.com 먼저 준비 작업 1. 패키지 추가 geolocator: ^8.2.0 2. AndroidManifest.xml 파일에 permission 추가 이부분 추가 main.dart 파일 import 'package:flutter/material.dart'; import 'screens/loading.dart'; void main() { runApp(const MyApp()); }..
[Flutter] Widgets - button 각 버튼들의 옵션에 대해서 정리해보았습니다. 버튼별로 자주 사용하는 옵션만 테스트 해봤습니다. TextButton( onPressed: () { // 짧게 누를때 실행 print('text button-onPressed'); }, onLongPress: () { // 길게 누를때 실행 print('text button-onLongPress'); }, child: Text( 'Text button', style: TextStyle( fontSize: 20.0, // "color: Colors.black87" 가 "primary: Colors.white" 보다 우선순위가 높음 color: Colors.black87, ), ), // 버튼의 스타일에 대해서 자주 사용하는 옵션들 style: TextButton..
[Flutter] Basic - ScaffoldMessenger 이번에는 ScaffoldMessenger 에 대해서 알아보겠습니다. ScaffoldMessenger 를 이용하면 스낵바를 다음 화면에까지 보여줄수도 있고 싫다면 다음화면 이동시 바로 사라지게 처리할수도 있습니다. 먼저 다음화면까지 이어지게 표시하고 싶다면 아래 화면을 참고하세요. 좋아요 클릭 >> 스낵바 표시(버튼 클릭) >> 2번째 페이지로 이동(스낵바 계속 표시) >> 5초후 스낵바 사라짐 void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key); // This widget is the root of your application. @overrid..
[Flutter] Collection , Generic Collection: 데이터들을 모아서 가지고 있는 자료구조 List, Set, Map Generic: Collection이 가지고 있는 데이터들의 데이터 타입을 지정. 리스트 선언시 null safety 적용으로 변경되는 사항. void main() { //var number = new List(5); var number = new List.filled(5,0); // 널세이프티 버전은 이렇게 코딩해야함 //List number2 = new List(); List number2 = []; // 널세이프티 버전은 이렇게 코딩해야함 print(number); //[0, 0, 0, 0, 0] print(number2); //[] } dynamic 키워드 void main() { // 타입을 정하지 않으면 d..
[Flutter] Basic - Navigator 오늘은 네비게이션을 구현하는 2가지 방법/구조에 대해서 정리해 보았다. Navigator.push Navigator.pushNamed Navigator.push & Navigator.pop 방식으로 구현하는 경우. void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key); // This widget is the root of your application. @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Demo', theme: ThemeData( pr..
[Flutter] Basic - BuildContext context BuildContext 에 대해서 몇가지 느낀점을 정리해보았다. 위젯트리에서 현재 위젯의 위치를 알수있는 정보 BuildContext는 위젯의 정보를 가짐 build 메소드에 의해 전해지는 context는 부모 위젯까지의 정보만 가짐 class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key); @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Demo', theme: ThemeData( primarySwatch: Colors.blue, ), home: const MyPage(), ); } } class MyPage exten..
[Flutter] Firebase, FireStore 정리 다른 블로그에서 잘 정리된 사항이 있어서 링크만 추가합니다. https://funncy.github.io/flutter/2021/03/06/firestore/ [Flutter] - Firebase FireStore 총정리 Flutter에서 FireStore 사용했던 내용을 기록하였다. funncy.github.io
[Flutter] Theme - ThemeData main build 전체 폰트 적용 - fontFamily: 'Dohyeon' headline3 만 적용 - TextStyle(fontFamily: 'Dohyeon') 모든 button 의 텍스트 색상 적용 - button: TextStyle(color: Colors.white) class AppleApp extends StatelessWidget { const AppleApp({Key? key}) : super(key: key); @override Widget build(BuildContext context) { return MaterialApp.router( theme: ThemeData( primarySwatch: Colors.red, // fontFamily: 'Dohyeon', textTheme..