달망이 삽질인생

flutter32

Flutter 런처아이콘(LauncherIcon) 안드로이드, 아이폰 동시에 간편하게 설정하기 휴가 갔다가 개발도 바쁘게 했다가, 오랜만에 글 쓰네요 앱을 실행할 수 있는 안드로이드의 홈 스크린 또는 앱 서랍, 아이폰의 홈 스크린에 있는 이미지를 런처아이콘(LauncherIcon)이라 합니다 안드로이드 런처 아이콘 세팅 안드로이드에서는 화면 사이즈별로 ldpi, mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi를 설정해주고, 벡터형으로 모든 아이콘 크기를 대응하는 anydpi가 있습니다. 최근에는 adaptive-icon(반응형 아이콘)이라 해서 foreground와 background를 별도로 처리해서 1개의 아이콘으로 만들어주는 방법도 사용하고 있습니다. iOS 런처 아이콘 세팅 아이폰은... 정말 할께 많습니다... 물론 사이즈가 겹치는 부분도 있습니다만 이제는 앱스토어용 102..

Flutter Permission 권한확인 (permission_handler) 이번에는 Permission에 대해서 써볼까 합니다 권한은 사용자에게 허락을 맡고 쓰는 기능을 말하는데요. 주로 파일을 쓸 때, 쓸 수 있는 권한을 앱에 부여할 것인지. 카메라나 갤러리에 접근할 수 있는 권한을 부여할 것인지를 사용자에게 물어보게 됩니다. 이런 기능들이 은근히 귀찮은 부분들이 많은데. 안드로이드는 박상권님의 Permission Library를 쓰면 정말 간단히 되고, 아이폰에서는 오히려 쉽게 되다 보니 딱히 안써본거 같습니다 잡소리를 이만하고 시작해보겠습니다!.. 플러터의 권한확인 패키지 https://pub.dev/packages/permission_handler permission_handler | Flutter Package Permission plugin for Flutter. T..

Flutter JSON < > Model json은 개발을 하다보면 정말 많이 사용하는 key-value 표현 방식입니다 데이터를 저장하고 불러올때, 데이터를 수신받고 전송할때 많이 쓰입니다 사용자 JSON 예제 { "name": "Dalmangyi", "email": "dalmangyi@email.com" } JSON -> Map 변환 Map user = jsonDecode(jsonString); print('Howdy, ${user['name']}!'); print('We sent the verification link to ${user['email']}.'); dart에서 제공하는 jsonDecode 함수를 이용하면 가뿐하게 Map 객체로 변환할 수 있습니다 Map 객체는 Key-Value 형태로 담을 수 있는 데이터 구조로 flutter..

Flutter SharedPreferences (앱이 종료되도 남아있는 데이터, Key-Value) 이번에는 앱이 종료되도 남아 있는 데이터인 SharedPreferences에 대해서 설명하고자 합니다 데이터가 Key-Value형태로 저장되게 됩니다. 저장될때는 파일 입출력을 사용하기 때문에 사용량이 많을 경우엔 추천하지 않습니다. 팝업창을 '다음에 보지않기' 라는 체크 박스를 저장하는 정도의 간단한 데이터만 저장합니다. 다른 플랫폼에서는 이와 같은 기능을 웹에서는 캐시, 아이폰에서는 UserDefaults, 안드로이드에서는 SharedPreferences라는 개념으로 말합니다. 데이터 베이스를 소개 할 수도 있지만 간단한 접근이 아니고 기본적인 지식이 필요하기 때문에 다음 게시글로 넘길까 합니다 0.지원하는 기능 1) 초기화 SharedPreferences prefs = await SharedPref..

Flutter Screen(Route,Activity) 컨트롤 (화면 이동, Data전달) Android 에선 Activity, iOS에선 UIViewController 로 창을 만들고 이동하는데 Flutter에선 어떻게 하는지 알아보겠습니다 화면을 만드는 방법, 다른 화면 이동시 애니메이션 방법 화면끼리 데이터를 주고 받는 방법 1. 화면 준비 우선 화면을 준비해보겠습니다 class FirstRoute extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text('First Route'), ), body: Center( child: RaisedButton( child: Text('Open route'), onPressed: () { // Nav..

Flutter 텍스트 입력 (EditText, TextField) Flutter에선 텍스트를 어떻게 입력하고 어떤 옵션을 주면 어떻게 생기게 되는지 알아보겠습니다 0. 기본 소스코드 import 'package:flutter/material.dart'; void main(){ runApp( MaterialApp( home: Scaffold( appBar: AppBar( title: Text('Text Edit Widgets') ), body:Padding( padding: EdgeInsets.all(8.0), child: Column( children: [ /* Widget을 넣을 위치 */ ] ) ) ) ) ); } 소스코드를 위와 같이 짜 놓고 계속해서 Column의 children으로 Widget을 추가해 볼 생각입니다. 1. TextField 텍스트를 입력 받는..

Flutter 리스트 뷰 (ListView) 어떠한 정보들을 스크롤 방향으로 나열한 뷰를 말합니다 아니 여기선 Widget이라고 해야되나...?.... 1. 정적인 아주 간단한 리스트 뷰 Widget을 직접 넣어준 만큼 리스트뷰에서 보여줘 보자 1.1 소스코드 import 'package:flutter/material.dart'; void main(){ runApp( MaterialApp( home: ListView( padding: const EdgeInsets.all(8.0), children: [ Container( height: 50, color: Colors.amber[600], child: const Center(child: Text('Entry A')), ), Container( height: 50, color: Colors.amber..

Flutter Scaffold? 스캐폴드? 플러터를 시작하고 은근히 Scaffold라는 말을 많이 봤습니다. 저에겐 개발하면서 잘 못 봤던 생소한 단어 이기도 합니다 0. 단어 일단 단어부터 짚고 넘어가 봅시다 구글에 검색해보니 발판, 골격, 단두대;; 라는 단어로 쓰고 있네요 한국식 발음으로는 스캐폴드 인가 봅니다 네이버를 찾아보니. 건축 산업현장에서 쓰이는 발판을 이야기 하는거 같습니다. 1. Class 스캐폴드를 찾아보니 https://api.flutter.dev/flutter/material/Scaffold-class.html Scaffold class - material library - Dart API Implements the basic material design visual layout structure. This class pr..

Flutter Package(Library) 검색 방법 및 사용, 예제 플러터에서 제공되는 기본 기능만을 가지고 앱을 개발하면 좋겠지만, 실제 업무를 하다보면 더욱 다양한 환경 구축으로 인해 다양한 기능이 필요하게 됩니다 이러한 기능을 어떻게 찾고 추가하는지에 대해서 간단히 설명해볼까 합니다 0. 목표 예제 삼아서 네트워크의 이미지를 캐쉬하는 기능을 어떻게 찾고 어떻게 패키지를 설치하고 코드로 구현하는지 같이 살펴보도록 하겠습니다 1. Flutter Packages 방문 먼저 https://pub.dev/flutter 여기로 접속합니다 2. Cache Network Image 검색 순서 상관없이 떠오르는 기능 그대로 검색해봅시다 검색된 결과엔 cached_network_image, extended_image, cache_image, network_to_file_image 가..

Flutter Icon, Asset PNG, SVG, NetworkImage, Gif, Loading... 지난번 Widget 게시글 https://dalgonakit.tistory.com/100 Flutter Hello Widget! | Text Example, Button Example 지난 게시글 https://dalgonakit.tistory.com/99 Flutter 프로젝트 만들고 실행하기 | VSCode 지난번 게시글 Flutter 시작하기 | MacOS에서 VSCode로.. 안드로이드와 아이폰은 개발한지도 오래 됬는데.. 최근 회사.. dalgonakit.tistory.com 들어가기 전에 Text Widget과 기타 Widget을 써보니 이제 flutter에서 이미지는 어떻게 넣는지 궁금해졌습니다 이미지는 Icon, Asset(Resource)에 있는 Image, Network에 있는 이미지를..

이전 1 2 3 4 다음

티스토리툴바