짱구

상황 google_map_flutter 와 Geolocator 플러그인을 사용해서 유저의 위치 서비스 권한을 요청하려던 개발을 진행을 하다가 앱 시작이 잘 되었던 프로젝트가 갑자기 ERROR:D8 이라는 에러를 출력한다면? 에러내용 더보기 ERROR:D8: Cannot fit requested classes in a single dex file (# methods: 70980 > 65536) com.android.builder.dexing.DexArchiveMergerException: Error while merging dex archives: The number of method references in a .dex file cannot exceed 64K. Learn how to resolve th..

들어가기 앞서... 구글 맵과 geolocator 플러그인을 통해서 회사의 위치와 나의 위치를 알고 어떤 조건에 맞으면 출근이 가능하게끔 하는 프로젝트이다. 본문으로... 1. 기본 세팅! geolocator | Flutter Package Geolocation plugin for Flutter. This plugin provides a cross-platform (iOS, Android) API for generic location (GPS etc.) functions. pub.dev google_maps_flutter | Flutter Package A Flutter plugin for integrating Google Maps in iOS and Android applications. pub.dev..

들어가기 앞서... 동영상위의 버튼 플레이 버튼을 만들고 컨트롤 해보자! 본문으로... 1. 비디오 플레이어를 원래 사이즈로 만들까? @override Widget build(BuildContext context) { if (videoController == null) { return CircularProgressIndicator(); } return AspectRatio( aspectRatio: videoController!.value.aspectRatio, child: Stack( children: [ VideoPlayer(videoController!), _Controls(), ], )); } } class _Controls extends StatelessWidget { const _Controls..

pubspec.yaml 파일에 이미지 경로를 잘 입력을 했는데도 이미지가 안나오는 경우가 있다. 터미널에뜨는 이슈 사항 변경 전 Image.asset('asset/img/logo.png') 변경 후 Image(image: AssetImage("asset/img/logo.png") 체크사항 flutter fub get 후에 앱 재시작하기 디렉토리 구조와 pubspec.yaml 파일에 작성법이 알맞게 작성이 되었는지 확인하기 출처 https://docs.flutter.dev/development/ui/assets-and-images Adding assets and images How to use images (and other assets) in your Flutter app. docs.flutter.dev

들어가기 앞서... 영상을 재생할 수 있는 프로그램을 만들것이다. 1. 주의 깊게 봐야하는 점... video_player 플러그인 image_picker 플러그인 Stack 위젯 AspectRatio 위젯 2. 간단한 설명으로는... image_picker 핸드폰에 있는 비디오선택 후 video_player 비디오 재생 Stack 화면을 제작하고, AspectRatio 은 비율대로 childWidget 을 조절할것이다. 본문으로... 1. 기본 세팅 ! 페이지 세팅 및 asset 폴더 경로 설정 1) 로고와 비디오 3개 정도 준비하자! 2) 페이지 세팅 및 asset 폴더 경로 설정해주자! 로고 파일은 assets 경로 설정을 해주고, 비디오 같은 경우 다르게 설정을 해줄것이다. // pubsepc.y..

Dart 에는 Optional Parameters 에는 2가지 방식이 있다. Optional Parameters 에는 주어진 함수를 호출 할떄 변수를 지정할 필요가 없는 매개변수이다. Optional Parameters 는 required parameters 후에 선언 되어야한다. 기본값을 사용할 수 있고, 함수 호출시 변수 지정하지 않을 경우 사용된다. Positinal Parameters in Dart Square brackets [] 는 매개변수를 지정하는데 사용된다. readFile(String name, [String mode, String charset = 'utf-8']) { ... } name 값은 필수 이고, mode, charsetd 은 선택적 이다. charset은 지정안하면, 기본값..

들어가기 앞서... 레이아웃을 만들어 보겠다. 1. 미리보기 본문으로... 1. 레이아웃 만들기! 1) 생성하기! 버튼의 크기를 가로 사이즈의 최대로 먹게 해주자! SizedBox 위젯을 사용할 것이다. ElevatedButton 버튼의 크기를 크게 만드는 방법은 여러가지 방법이 있을 수 있다. // 1) Container 사용 Container(width: double.infinity, child: ElevatedButton()) // 2) SizedBox 사용 SizedBox(width: double.infinity, child: ElevatedButton()) 풍기는 뉘앙스가 중요하다! Container 는 패딩, 마진, 높이, 길이, 생상 여러가지 매개변수를 넣을 수 있어, 여러가지가 가능한 뉘앙..

들어가기 앞서... 아주 간단한 실습으로 const 에 대해서 알아볼 예정이다. 본문으로... 1. 기본적으로 세팅! 간단하게 버튼 하나 만들었다. build 라는 버튼을 클릭하면 TestWidget() 의 print 함수 가 const 의 유무에 따라 어떻게 찍히는 지 확인 해보자! void main() { runApp( MaterialApp( home: ConstructorPage(), ) ); } import 'package:flutter/material.dart'; class ConstructorPage extends StatefulWidget { const ConstructorPage({Key? key}) : super(key: key); @override State createState() =..

들어가기 앞서... 데이터 베이스 이해하기 1. 주의 깊게 봐야하는 점... 2. 간단한 설명으로는... 본문으로... 1. InputForm 클래스를 만들어서 매개변수를 정해주자! class InputForm { InputForm({ required this.name, required this.age, }); String name; int age; } 2. StatefulWidget과 Textfile 를 사용해서 이름과 나이를 입력할 폼을 만들어주자! body: Column( children: [ Column( children: [ TextField( controller: nameController, decoration: const InputDecoration(label: Text('name')), )..

들어가기 앞서... 외부 패키지를 사용해서 앱내 알림을 띄우는 방법을 알아볼 것이다. 앱내 알림 하는 방법은 크개 두가지가 있다. 1. Cloud push message 관리자가 다수의 인원한테 메세지를 보낼때 클라우드를 통해서 보내는 것 2. Local alarm message 앱 자체에서 발송 시간, 발송 메세지를 알고 있고, 자체적으로 메세지를 보내는것 3. 차이점 클라우드 측에서 관리자가 발송한 메세지냐 ? vs 앱 자체에서 보냈고, 시간 및 내용을 알 수 있는 메세지냐 ? 출처 : https://pub.dev/packages/flutter_local_notifications flutter_local_notifications | Flutter Package A cross platform plugi..