코딩하는 제리

아이폰 시뮬레이터의 속도가 느려서 안드로이드 에뮬레이터로 대체. 소스코드 및 pubspec.yaml // screens/search_screen.dart import 'package:flutter/material.dart'; import 'package:flutter_project_IJ/widgets/rounded_avatar.dart'; class SearchScreen extends StatefulWidget { @override _SearchScreenState createState() => _SearchScreenState(); } class _SearchScreenState extends State { // 30개의 아이템마다 false를 리턴 List followings = List.gener..

BoxFit 추가 설명 coding-jerry.tistory.com/14 [Flutter/Project](Instagram Clone) 온라인 이미지 불러오기 fit: BoxFit.??? fill : 가로, 세로 비율 상관 없이 이미지를 늘려서(줄여서)박스를 꽉 채움 contain : 가로, 세로 비율을 유지하면서 박스 사이즈에 맞게 가능한 크게 cover : 박스 사이즈에 맞게 이미지를 coding-jerry.tistory.com 소스코드 및 pubspec.yaml // widgets/my_gallery.dart import 'dart:io'; import 'dart:typed_data'; import 'package:flutter/material.dart'; import 'package:flutter..

SharePostScreen으로 새 화면을 띄워 이미지를 보여주기 위해서는 local_image_provider를 통해 만들어진 갤러리 이미지를 File로 변경해야한다. 하지만 다이렉트로 localImage -> File로 변경이 불가능하기에 localImage -> bytes -> File 형식으로 변경한다. 소스코드 및 pubspec.yaml // widgets/my_gallery.dart import 'dart:io'; import 'dart:typed_data'; import 'package:flutter/material.dart'; import 'package:flutter_project_IJ/models/gallery_state.dart'; import 'package:flutter_proje..

소스코드 및 pubspec.yaml // models/gallery_state.dart import 'package:flutter/foundation.dart'; import 'package:local_image_provider/local_image.dart'; import 'package:local_image_provider/local_image_provider.dart'; class GalleryState extends ChangeNotifier { LocalImageProvider _localImageProvider; bool _hasPermission; List _images; Future initProvider() async { _localImageProvider = LocalImageProvi..

소스코드 및 pubspec.yaml // models/gallery_state.dart import 'package:flutter/foundation.dart'; import 'package:local_image_provider/local_image.dart'; import 'package:local_image_provider/local_image_provider.dart'; class GalleryState extends ChangeNotifier { LocalImageProvider _localImageProvider; bool _hasPermission; List _images; Future initProvider() async { _localImageProvider = LocalImageProvi..

소스코드 및 pubspec.yaml // widgets/my_gallery.dart import 'package:flutter/material.dart'; class MyGallery extends StatelessWidget { @override Widget build(BuildContext context) { return GridView.count( crossAxisCount: 3, children: List.generate( 30, (index) => Image.network( "https://picsum.photos/id/$index/100/100", fit: BoxFit.cover, ), ), ); } }

비율에 따른 camera preview 생성. 많은 디바이스에 같은 화면을 적용시키기 위해서는 필요할 듯 싶다. stackoverflow.com/questions/59207590/how-to-set-34-aspect-ratio-flutter-camera-preview How to set 3:4 Aspect Ratio Flutter camera preview I am working on Flutter app. I need camera functionality and decided to use Camera Plugin for this. I set the Aspect Ratio 3:4 but the image is warped and smaller than it should be. I think there i..

소스코드 및 pubspec.yaml // screens/share_post_screen.dart import 'dart:io'; import 'package:flutter/material.dart'; class SharePostScreen extends StatelessWidget { final File imageFile; const SharePostScreen(this.imageFile, {Key key}) : super(key: key); @override Widget build(BuildContext context) { return Image.file(imageFile); } } // take_photo.dart import 'dart:io'; import 'package:camera/camera...