Resolved: How to fix nullable error in flutter Uint8List

In this post, we will see how to resolve How to fix nullable error in flutter Uint8List

Question:

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());
  }
}

Best Answer:

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,);
        }

If you have better answer, please add a comment about this, thank you!

Source: Stackoverflow.com

Question:

Best Answer:

Related