일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 29 | 30 |
31 |
- Navigator
- multiprovider
- changenotifier
- reference
- Camera
- transform
- borderRadius
- globalkey
- datetime
- divider
- runTransaction
- Firebase
- swift 문법
- provider
- changenotifierprovider
- controller
- switch
- snackbar
- consumer
- setstate
- signout
- 문법
- Swift
- platformexception
- enum
- permission
- ListView.builder
- Snapshot
- user
- Stream
- Today
- Total
목록Flutter/Project_InstaClone(완) (85)
코딩하는 제리

소스코드 및 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...

widgets/take_photo.dart 소스코드 및 pubspec.yaml // take_photo.dart import 'package:camera/camera.dart'; import 'package:flutter/material.dart'; import 'package:flutter_project_IJ/constants/screen_size.dart'; import 'package:flutter_project_IJ/models/camera_state.dart'; import 'package:flutter_project_IJ/widgets/my_progress_indicator.dart'; import 'package:provider/provider.dart'; class TakePhoto ext..

추가 소스코드 및 pubspec.yaml // camera_screen.dart import 'package:flutter/material.dart'; import 'package:flutter_project_IJ/models/camera_state.dart'; import 'package:flutter_project_IJ/widgets/take_photo.dart'; import 'package:provider/provider.dart'; class CameraScreen extends StatefulWidget { // CameraState 객체생성. CameraState _cameraState = CameraState(); @override _CameraScreenState createState()..

* 1. availableCamera 가져오기. * 2. 카메라 리스트에서 첫번째 카메라 사용. * 3. CameraController 인스턴스 생성. * 4. CameraController initialize(). * 5. show preview. * 6. set ready to take photo. 소스코드 및 pubspec.yaml // models/camera_state.dart import 'package:camera/camera.dart'; import 'package:flutter/material.dart'; /* 카메라 상태 파일 만들기 * 1. availableCamera 가져오기. * 2. 카메라 리스트에서 첫번째 카메라 사용. * 3. CameraController 인스턴스 생성. *..