flutter/fluttergram
1
0
Fork 0
mirror of https://github.com/mdanics/fluttergram.git synced 2025-08-06 13:19:53 +08:00
Code Issues Packages Projects Releases Wiki Activity

added loading indicator + compression before uploading

Browse Source
This commit is contained in:
Matthew
2018-03-21 20:50:12 +01:00
parent d575cf9a33
commit d5313a825d
1 changed files with 22 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
lib/upload_page.dart
View File

@ -1,5 +1,5 @@
import 'package:flutter/material.dart';
import 'package:image_picker/image_picker.dart'; // new
import 'package:image_picker/image_picker.dart';
import 'package:firebase_storage/firebase_storage.dart';
import 'package:cloud_firestore/cloud_firestore.dart';
import 'package:uuid/uuid.dart';
@ -18,6 +18,8 @@ class _Uploader extends State<Uploader> {
File file;
TextEditingController descriptionController = new TextEditingController();
bool uploading = false;
Widget build(BuildContext context) {
return file == null
? new IconButton(
@ -50,9 +52,8 @@ class _Uploader extends State<Uploader> {
new PostForm(
imageFile: file,
descriptionController: descriptionController,
loading: uploading,
),
new FlatButton(
onPressed: compressImage, child: new Text('sketch'))
],
));
}
@ -92,10 +93,17 @@ class _Uploader extends State<Uploader> {
}
void postImage() {
setState(() {
uploading = true;
});
compressImage();
Future<String> upload = uploadImage(file).then((String data) {
postToFireStore(mediaUrl: data, description: descriptionController.text);
}).then((_) {
setState((){file = null;});
setState(() {
file = null;
uploading = false;
});
});
}
}
@ -103,17 +111,19 @@ class _Uploader extends State<Uploader> {
class PostForm extends StatelessWidget {
var imageFile;
TextEditingController descriptionController;
PostForm({this.imageFile, this.descriptionController});
bool loading;
PostForm({this.imageFile, this.descriptionController, this.loading});
Widget build(BuildContext context) {
return new Column(
children: <Widget>[
new Padding(padding: new EdgeInsets.only(top: 10.0)),
loading
? new LinearProgressIndicator()
: new Padding(padding: new EdgeInsets.only(top: 0.0)),
new Container(
height: 250.0,
child: new Image.file(
imageFile,
fit: BoxFit.fitHeight,
fit: BoxFit.fitWidth,
)),
new Divider(),
new Row(
@ -153,7 +163,7 @@ void postToFireStore(
reference.add({
"username": "testeronslice",
"location": "nice location",
"likes": 0,
"likes": {},
"mediaUrl": mediaUrl,
"description": description,
"ownerId": googleSignIn.currentUser.id