Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- setstate
- user
- permission
- borderRadius
- controller
- reference
- Stream
- 문법
- swift 문법
- snackbar
- multiprovider
- provider
- consumer
- runTransaction
- enum
- Snapshot
- datetime
- globalkey
- platformexception
- signout
- Swift
- divider
- Camera
- ListView.builder
- switch
- Firebase
- Navigator
- transform
- changenotifier
- changenotifierprovider
Archives
- Today
- Total
코딩하는 제리
[Flutter/Project](Instagram Clone) unique post key 생성 본문
Flutter/Project_InstaClone(완)
[Flutter/Project](Instagram Clone) unique post key 생성
JerryCho 2021. 2. 17. 15:04소스코드 및 pubspec.yaml
// repo/helper/generate_post_key.dart
import 'package:flutter_project_IJ/models/firestore/user_model.dart';
// 시간_유저키로 파일명 생성.
String getNewPostKey(UserModel userModel) =>
"${DateTime.now().millisecondsSinceEpoch}_${userModel.userKey}";
// millisecondsSinceEpoch -> UTC의 시간을 밀리초로 가져옴
// screens/share_post_screen.dart
import 'dart:io';
import 'package:flutter/material.dart';
class SharePostScreen extends StatelessWidget {
final File imageFile;
final String postKey;
const SharePostScreen(this.imageFile, {Key key, @required this.postKey})
: super(key: key);
@override
Widget build(BuildContext context) {
return Image.file(imageFile);
}
}
// 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_project_IJ/models/user_model_state.dart';
import 'package:flutter_project_IJ/repo/helper/generate_post_key.dart';
import 'package:flutter_project_IJ/screens/share_post_screen.dart';
import 'package:local_image_provider/device_image.dart';
import 'package:path/path.dart';
import 'package:path_provider/path_provider.dart';
import 'package:provider/provider.dart';
class MyGallery extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Consumer<GalleryState>(
builder: (BuildContext context, GalleryState galleryState, Widget child) {
return GridView.count(
crossAxisCount: 3,
children: getImages(context, galleryState),
);
},
);
}
List<Widget> getImages(BuildContext context, GalleryState galleryState) {
return galleryState.images
.map((localImage) => InkWell(
onTap: () async {
// 로컬 이미지를 File 형식으로 바로 변경할 수 없기에
// 로컬 이미지를 byte 이미지로 변경해야함.
Uint8List bytes = await localImage.getScaledImageBytes(
galleryState.localImageProvider, 0.5);
final String postKey = getNewPostKey(
Provider.of<UserModelState>(context, listen: false).userModel);
try {
// 이미지 저장 경로 및 파일이름
final path = join(
(await getTemporaryDirectory()).path, '$postKey.png');
// .. -> File 생성 후 writeAsBytesSync(bytes) 실행.
// File을 bytes 목록으로 작성 후 imageFile 변수에 저장.
File imageFile = File(path)..writeAsBytesSync(bytes);
// 사진 선택시 미리보기 화면으로 넘어감.
// byte로 변환된 imageFile을 SharePostScreen 클래스로 넘김.
Navigator.push(
context,
MaterialPageRoute(
builder: (_) => SharePostScreen(
imageFile,
postKey: postKey,
)));
} catch (e) {}
},
child: Image(
// 이미지 1대1 사이즈 맞춤.
fit: BoxFit.cover,
// 갤러리 이미지 표시.
// 원본의 10% 사이즈로 표시(메모리 부족).
image: DeviceImage(localImage, scale: 0.1),
),
))
.toList();
}
}
// widgets/take_photo.dart
import 'dart:io';
import 'package:camera/camera.dart';
import 'package:flutter/cupertino.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/models/user_model_state.dart';
import 'package:flutter_project_IJ/repo/helper/generate_post_key.dart';
import 'package:flutter_project_IJ/screens/share_post_screen.dart';
import 'package:flutter_project_IJ/widgets/my_progress_indicator.dart';
import 'package:path/path.dart';
import 'package:path_provider/path_provider.dart';
import 'package:provider/provider.dart';
class TakePhoto extends StatefulWidget {
const TakePhoto({
Key key,
}) : super(key: key);
@override
_TakePhotoState createState() => _TakePhotoState();
}
class _TakePhotoState extends State<TakePhoto> {
Widget _progress = MyProgressIndicator();
@override
Widget build(BuildContext context) {
return Consumer(
builder: (BuildContext context, CameraState cameraState, Widget child) {
return Column(
children: [
Container(
color: Colors.black,
height: size.width,
width: size.width,
child: (cameraState.isReadyToTakePhoto)
? _getPreview(cameraState)
: _progress,
),
Expanded(
child: OutlineButton(
onPressed: () {
// 카메라 준비 확인.
if (cameraState.isReadyToTakePhoto) {
_attemptTakePhoto(cameraState, context);
}
},
shape: CircleBorder(),
borderSide: BorderSide(
color: Colors.black12,
width: 20,
),
),
)
],
);
},
);
}
Widget _getPreview(CameraState cameraState) {
return ClipRect(
// OverflowBox로 넘어간 부분을 제거.
child: OverflowBox(
alignment: Alignment.center,
child: FittedBox(
// 가로사이즈에 맞춤.
fit: BoxFit.fitWidth,
child: Container(
width: size.width,
height: size.width / cameraState.controller.value.aspectRatio,
child: CameraPreview(cameraState.controller),
),
),
),
);
}
void _attemptTakePhoto(CameraState cameraState, BuildContext context) async {
final String postKey = getNewPostKey(
Provider.of<UserModelState>(context, listen: false).userModel);
try {
// 이미지 저장 경로 및 파일이름
final path = join((await getTemporaryDirectory()).path, '$postKey.png');
// 사진 촬영
await cameraState.controller.takePicture(path);
File imageFile = File(path);
// 사진 촬영 후 미리보기 화면으로 넘어감.
Navigator.push(
context,
MaterialPageRoute(
builder: (_) => SharePostScreen(
imageFile,
postKey: postKey,
)));
} catch (e) {}
}
}
'Flutter > Project_InstaClone(완)' 카테고리의 다른 글
[Flutter/Project](Instagram Clone) 포스트 작성 레이아웃2 가로 스크롤 아이콘 (0) | 2021.02.18 |
---|---|
[Flutter/Project](Instagram Clone) 포스트 작성 레이아웃1 (0) | 2021.02.17 |
[Flutter/Project](Instagram Clone) 로그인 시 유저데이터 확인 (0) | 2021.02.17 |
[Flutter/Project](Instagram Clone) Stream 데이터 구독 끊기 (0) | 2021.02.17 |
[Flutter/Project](Instagram Clone) Stream과 MultiProvider를 이용한 유저 상태 표시 (0) | 2021.02.17 |
Comments