Flutter - Creating Image Grid using Firebase Storage | Flutter Firebase

[@RetroPortalStudio]

If you find this video useful, consider Following me on: Twitter: twitter.com/theretroportal Instagram: instagram.com/retroportalstudio Happy Coding! ✌️😁

[@ddean3732]

GitHub source?

[@atifulislamasif7893]

Thank you so much for this tutorial. You explain every step briefly. Keep up the good work.

[@p3ngxin]

Hi, can you share the code ? Appreciate it if you do.

[@jenstofte9687]

Thanks for the video. Helped a lot.

[@yashchandraverma3131]

Simply Thanks

[@sujiththycattussery]

More flutter videos please

[@revathidevaraj2354]

Thanks... It worked :)

[@s1dc0des]

cool...plz add git also

[@nyr441]

How to load low resolution images in grid view and hugh resolution images in image view mode

[@foxmulder1260]

Hello, Thank you for your tutorial it's helpfull, do you have any idea please why I got this error message ? -> "This class (or a class which this class inherits from) is marked as '@immutable', but one or more of its instance fields are not final: ImageGridItem._index"

[@melonpun]

Brother is there a way where we can get the image url after the user clicks on an image? For example I want to use the url for a function where the user can download the image to the device.

[@mdamanullahhoque145]

thank you so much. it's really helpfull for me. can you provide source code ?? please

[@raymondmichael4987]

What about deleting those locally stored images, so we don't use much spaces on the devices

[@josecoverlessons]

More Flutter Videos

[@kameshvadivel9459]

Sir,I am using firestore database not storage,when I scroll down images are loading again and again,I also tried cached network image but it not worked, How to solve this problem..? Please help me...

[@viniciuscolossal1978]

same here

[@harshasurya8460]

What will be itemcount if we don't have fixed number of images

[@yamunag4383]

how to take one image for full screen view from this grid view???

[@CodeWithMuhammadAhsan]

please help me too if you tried it out ??

[@IBB001]

hi my friends and thank you for your brief tutorial but i always get no data and there is no error in my code i am stuck can any one help?

[@shubhammodi8360]

Failed assertion: line 30 pos 15: 'child != null': is not true. plzz solve this error

[@krrishchheda2252]

I am getting same error If you got the solution please share the code to [e-mail] Please help me

[@vineetupadhyay4004]

How do I get the total number of item, so that instead of setting itemCount =12 , it could set up to the total number of images present?

[@DawnFreeSdiki]

itemcount = "objectname".length,

[@krrishchheda2252]

'package:flutter/src/material/grid_tile.dart': Failed assertion: line 28 pos 15: 'child != null': is not true. please help solve this....Please

[@ruhanahmad1284]

how to add images to firebase storage using flutter ? i mean by clicking on button images store in storage then how can we access it

[@oberesapps4372]

import 'dart:io'; import 'package:firebase_database/firebase_database.dart'; import 'package:firebase_storage/firebase_storage.dart'; import 'package:flutter/material.dart'; import 'package:image_picker/image_picker.dart'; import 'package:intl/intl.dart'; import '../home.dart'; class AddPage extends StatefulWidget { @override _AddPageState createState() => _AddPageState(); } class _AddPageState extends State { File sampleImage; String _myValue; String url; final formKey = new GlobalKey(); Future getImage() async { var tempImage = await ImagePicker.pickImage(source: ImageSource.camera); setState(() { sampleImage = tempImage; }); } bool validateAndSave(){ final form = formKey.currentState; if(form.validate()) { form.save(); return true; } else { return false; } } void uploadStatusImages() async { if(validateAndSave()) { final StorageReference postImageRef = FirebaseStorage.instance.ref().child("Post Images"); var timeKey = new DateTime.now(); final StorageUploadTask uploadTask = postImageRef.child(timeKey.toString() + ".jpg" ).putFile(sampleImage); var imageUrl = await(await uploadTask.onComplete).ref.getDownloadURL(); url = imageUrl.toString(); print("Image Url = " + url); goToHomePage(); saveToDatabase(url); } } void saveToDatabase(url){ var dbTimeKey = new DateTime.now(); var formatDate = new DateFormat("MMM d, yyyy"); var formatTime = new DateFormat("EEEE, hh:mm aaa"); String date = formatDate.format(dbTimeKey); String time = formatTime.format(dbTimeKey); DatabaseReference ref = FirebaseDatabase.instance.reference(); var data = { "image": url, "description": _myValue, "date": date, "time": time, }; ref.child("Post").push().set(data); } void goToHomePage() { Navigator.of(context).push(MaterialPageRoute( builder: (context) => Home(), ) ); } @override Widget build(BuildContext context) { return new Scaffold( appBar: AppBar( title: new Text("Upload Image"), centerTitle: true, backgroundColor: Colors.redAccent, ), body: new Center( child: sampleImage == null ? Text("Select an Image") : enableUpload(), ), floatingActionButton: new FloatingActionButton ( onPressed: getImage, tooltip: "Add Image", child: new Icon(Icons.add_a_photo), ), ); } Widget enableUpload() { return new Container ( child: SingleChildScrollView( child: new Form( key: formKey, child: Column ( children: [ Image.file(sampleImage, height: 290, width: 300,), SizedBox(height: 15.0,), TextFormField ( decoration: new InputDecoration(labelText: "Description"), validator: (value) { return value.isEmpty ? "Description is required" : null; }, onSaved: (value) { return _myValue = value; } ), SizedBox(height: 15.0,), RaisedButton( elevation: 10.0, child: Text("add"), textColor: Colors.white, color: Colors.pink, onPressed: uploadStatusImages, ) ], ), ), ), ); } }

[@garvwadhwa4871]

how can we download these images to our device?? **

[@thomasmabika7291]

bloc or redux?

[@RetroPortalStudio]

Personally i Prefer Bloc! and Provider Pattern

[@smamahsn2275]

Aby code to dyy

[@omartec7964]

Man por qué no das el código? que visaje esta gente

[@HemangJoshi]

GitHub source?