FLutter File initialization failed

Question

I created an app to pick an image from the gallery and display it. I have created a File called "image" as mentioned below.

File image;

Then I created a function to pick the image as follow

void _pickImageCamera() async {
final picker = ImagePicker();
final pickedImage = await picker.getImage(source: ImageSource.gallery);
final pickedImageFile = File(image.path);
setState(() {
  image = pickedImageFile;
});

}

The app doesnt run and shows the following error

═══════ Exception caught by widgets library ═══════════════════════════════════
The following LateError was thrown building Pick(dirty, state: _PickState#07f0f):
LateInitializationError: Field 'image' has not been initialized.

The relevant error-causing widget was
Pick
lib\main.dart:23
When the exception was thrown, this was the stack
#0      _PickState.image (package:clone_insta/Picker.dart)
package:clone_insta/Picker.dart:1
#1      _PickState.build
package:clone_insta/Picker.dart:39
#2      StatefulElement.build
package:flutter/…/widgets/framework.dart:4691
#3      ComponentElement.performRebuild
package:flutter/…/widgets/framework.dart:4574

This is where I call and display the image

 return Scaffold(
  body: ListView(
    children: [
      TextButton(
        onPressed: _pickImageCamera,
        child: Text("Pick"),
      ),
      image != (null)
          ? Container(
              color: Colors.grey,
              height: 400,
              width: 100,
              child: Image.file(image),
            )
          : Container(
              color: Colors.grey,
              height: 400,
              width: 100,
              child: Text("No data"),
            )
    ],
  ),
);

Can you put where are you calling _pickImageCamera() into your post? I can't see it — Lang Minh Nguyên
– Lang Minh Nguyên, Commented Jun 8, 2021 at 16:58

Vikash Singh · Accepted Answer · 2022-06-27 11:15:42Z

4

Just Change

late File image;

to

var image;

edited Jun 27, 2022 at 11:15

answered Oct 28, 2021 at 7:25

Vikash Singh

513 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Community Over a year ago

Your answer could be improved with additional supporting information. Please edit to add further details, such as citations or documentation, so that others can confirm that your answer is correct. You can find more information on how to write good answers in the help center.

Jaime Ortiz · Accepted Answer · 2021-06-08 18:30:26Z

3

Initialize the your image variable with some image you want your user to see when they open the app, you can use shared_preferences to update the value of the image so when the user reopens the app they see the last image they picked.

If you want to use sharedpreferences, make sure to check is the userImage contains some value and if it does use that path to load the image the user picked last.

class _MyAppState extends State<MyApp> {
  late File image = File('your initial file');
  final picker = ImagePicker();

  void _pickImageCamera() async {
    final pickedImage = await picker.getImage(source: ImageSource.gallery);
    final pickedImageFile = File(pickedImage!.path);
    setState(() {
      image = pickedImageFile;
    });
    prefs.setString('stringValue', "the path to the new image");
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: MyApp._title,
      home: Scaffold(
        appBar: AppBar(title: const Text(MyApp._title)),
        body: ListView(
          children: [
            TextButton(
              onPressed: _pickImageCamera,
              child: Text("Pick"),
            ),
            image != (null)
                ? Container(
                    color: Colors.grey,
                    height: 400,
                    width: 100,
                    child: Image.file(image),
                  )
                : Container(
                    color: Colors.grey,
                    height: 400,
                    width: 100,
                    child: Text("No data"),
                  )
          ],
        ),
      ),
    );
  }
}

edited Jun 8, 2021 at 18:30

answered Jun 8, 2021 at 16:42

Jaime Ortiz

1,34914 silver badges14 bronze badges

7 Comments

Minsaf Over a year ago

TextButton( onPressed: _pickImageCamera, child: Text("Pick"), ),

Minsaf Over a year ago

This is how i called the function

Minsaf Over a year ago

Can you explain to me how?

Jaime Ortiz Over a year ago

Sure, to make a variable Nullable you just add a ? after the type of your variable, in your case i would be "File? image;"

Minsaf Over a year ago

I did and didn't work. shows the same error

|

KhetheloGP · Accepted Answer · 2022-02-03 14:54:10Z

1

What worked for me was to change

from this: File image;

to this: var image;

answered Feb 3, 2022 at 14:54

KhetheloGP

604 bronze badges

1 Comment

Community Over a year ago

Your answer could be improved with additional supporting information. Please edit to add further details, such as citations or documentation, so that others can confirm that your answer is correct. You can find more information on how to write good answers in the help center.

Collectives™ on Stack Overflow

FLutter File initialization failed

3 Answers 3

1 Comment

7 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

7 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related