Question 119915 in Firebase Question posted in
An extensive official documentation can be found here.

Firebase – How to fix nullable error in flutter Uint8List

I am quite new to flutter and challenging to create to show images in grid downloading file saved in firebase storage.

Getting error code as below and I would like to know how I can fix nullable part…

lib/artfolder.dart:53:21: Error: A value of type ‘Uint8List?’ can’t be assigned to a variable of type ‘Uint8List’ because ‘Uint8List?’ is nullable and ‘Uint8List’ isn’t.

  • ‘Uint8List’ is from ‘dart:typed_data’.
    imageFile = data;
    ^
    lib/artfolder.dart:47:14: Error: Field ‘imageFile’ should be initialized because its type ‘Uint8List’ doesn’t allow null.
  • ‘Uint8List’ is from ‘dart:typed_data’.
    Uint8List imageFile;
    ^^^^^^^^^

Here is my code;;

import 'package:firebase_storage/firebase_storage.dart';
import 'package:flutter/material.dart';
import 'package:firebase_auth/firebase_auth.dart';
import 'dart:typed_data';
import 'package:cloud_firestore/cloud_firestore.dart';


class Artfolder extends StatelessWidget {
  User user;

  Artfolder({required this.user, Key? key}) : super(key: key);

  Widget makeImageGrid() {
    return GridView.builder(
        itemCount: 5,
        gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
            crossAxisCount: 3),
        itemBuilder: (context, index) {
          return ImageGridItem(index);
        });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("ART Folder"),
        automaticallyImplyLeading: false,
      ),
      body: Container(
        child: makeImageGrid(),
      ),
    );
  }
}

class ImageGridItem extends StatefulWidget {
  int? _index;
  ImageGridItem(int index){
    this._index = index;
  }
  @override
  _ImageGridItemState createState() => _ImageGridItemState();
}
class _ImageGridItemState extends State<ImageGridItem>{
  Uint8List  imageFile;
  Reference photosReference = FirebaseStorage.instance.ref().child("photo");
  getImage(){
    int MAX_SIZE = 10*1024*1024;
    photosReference.child("Image_${widget._index}.jpeg").getData(MAX_SIZE).then((data) {
      this.setState(() {
        imageFile = data;
      });
    }).catchError((error){

    });
  }
Widget decideGridTileWidget(){
    if(imageFile == null) {
    return Center(child: Text("Nodata"));
    } else {
      return Image.memory(imageFile,fit: BoxFit.cover,);
    }
    }
@override
void initState(){
    super.initState();
        getImage();
}
  @override
  Widget build(BuildContext context){
    return GridTile(child:decideGridTileWidget());
  }
}
Tags:

3

Answers


  1. 0

    To turn any nullable type to a non-nullable type just write a ! behind it. So like

    imageFile = data!;

    Note though that it will cause an exception if it did happens to be null.

    You can instead also just declare imageFile as nullable by writing a ? behind the type, which I think is what you really want, because you even check if it’s null at some point in your code, which would be unnecessary for non-nullable types:

    Uint8List? imageFile;
    Login or Signup to reply.
  2. 0

    You just need to declare it as a nullable and check if its null.

    Step 1:

    Uint8List?  imageFile;

    Step 2:

    if(data!=null){
   imageFile = data;
}

    Step 3:

     if(imageFile == null) {
          return Center(child: Text("Nodata"));
        } else {
          return Image.memory(imageFile!,fit: BoxFit.cover,);
        }
    Login or Signup to reply.
  3. 0

    Your data variable may be null but you define imageFile as non-nullable variable, so just change your definition to this:

    Uint8List? imageFile;
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search