일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
- 간단리뷰
- AppleSilicon
- ios
- 데스크테리어
- wrap
- swift
- Android
- listview
- sqflite
- Flutter
- Git
- 데스크셋업
- AppBar
- list
- 플러터
- 카카오
- TextField
- visualstudiocode
- GitHub
- 춘식
- datetime
- M1
- 라이언
- 내돈내산
- GetX
- react
- VSCode
- database
- error
- xcode
- Today
- Total
목록Flutter (49)
welcome to my blog
SafeArea : 노치 제외한 영역(컨텐츠가 가려지지 않는 영역) Flutter에서 SafeArea를 사용하는 방법 : class FirstPage extends StatelessWidget { const FirstPage({Key? key}) : super(key: key); @override Widget build(BuildContext context) { return MaterialApp( title: "firstPage", home: Scaffold( backgroundColor: Colors.redAccent, body: SafeArea( child: Container( color: Colors.deepPurpleAccent, child: Text('safeArea'), ), ), ) ); }..
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/cz9T8Z/btrh2iLbwBv/1JbRlcwyxNfjgK8UEIREd1/img.png)
getX : (사용버전 4.3.8) GetX is an extra-light and powerful solution for Flutter. It combines high-performance state management, intelligent dependency injection, and route management quickly and practically. GetX는 Flutter를 위한 초경량의 강력한 솔루션입니다. 고성능 상태 관리, 지능형 종속성 주입 및 경로 관리를 빠르고 실질적으로 결합합니다. 상태관리, 경로관리(페이지이동)을 빠르고 쉽게 도와줌 설치 커맨드 : $ flutter pub add get 다음을 import 해서 사용 import 'package:get/get.dart'; 기..
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/bHm2bN/btrhHsT9U87/kVvn4LNhwT6Mst3GT1LNd0/img.png)
2021.10.16 - [Flutter] - [Flutter] Image Asset 추가하기 구현할 기능 : - 이미지를 꾹 누르면(LongPress) "저장하시겠습니까?" 팝업 발생 - 저장 / 닫기 버튼 - 저장 선택시 갤러리에 이미지 저장 후 팝업 닫기 - 닫기 선택시 팝업 닫기 사용 라이브러리 : 1. image_gallery_saver https://pub.dev/packages/image_gallery_saver flutter pub add image_gallery_saver 작성일 기준 1.7.1 ver. 2. Dio https://pub.dev/packages/dio flutter pub add dio 작성일 기준 4.0.0 ver. 3. cached_network_image https:/..
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/tHLxf/btrhMdPxmmr/1RcZ7GVcLieUCkgkUqozZ1/img.png)
프로젝트명 우클릭 > asset 폴더 생성 생성한폴더(asset) 내부에 등록하고 싶은 이미지 파일 추가하기 pubspec.yaml 파일 내부에 해당 부분 주석 풀고 이미지 등록 이미지 사용 : Image.asset("asset/main.png")
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/clDeY1/btrgINZIDHl/Qjrl3qhLA8oSRdcsUZDaBK/img.png)
클래스 선언 class Source { final String? id; final String? name; Source({required this.id, required this.name}); factory Source.fromJson(Map json) { print(json); return Source( id : json['id'], name : json['name'] ); } } class Article { final Source? source; final String? title; final String? urlToImage; final String? publishedAt; Article({required this.source, required this.title, required this.urlT..