Image is not saving in Flutter Provider - flutter

Question

I am new in flutter. I want to save the image in provider. I tried doing it. But Image is not saving. The image file is null.I used the method updatelogoimagefile to pass the image file.
I tried to update it in provider.
I also tried using path provider. But i need image in file format.
How to save the File image in provider?
Main file
MultiProvider(
providers: [
ChangeNotifierProvider<ImageProviders>(
create: (context) => ImageProviders()),
]
Image upload
----------------
void initState(){
super.initState();
Provider.of<ImageProviders>(context,listen: false).registeruser();
}
Widget build(BuildContext context) {
final imageModel = Provider.of<ImageProviders>(context);
return Scaffold(
body: Column(
children: [
ImageFieldWithLabel(
label: 'Upload the Logo image',
subtitle: 'Tap to select file',
title: '',
// onFileSelected: (logoimage) => registerModel.updatelogoimagefile(registerModel.logoimgfile)
onFileSelected: (image) => imageModel.updatelogoimagefile(imageModel.imageFile)
),
ElevatedButton(
child: Text('Woolha.com'),
onPressed: () {
Provider.of<ImageProviders>(context,listen: false).registeruser();
},
),
],
),
);
}
}
Image Provider
class ImageProviders with ChangeNotifier
{
File? imageFile;
updatelogoimagefile(File ? logoimage){
imageFile = logoimage;
notifyListeners();
}
registeruser(){
updatelogoimagefile(imageFile);
notifyListeners();
}
}
Imagefieldwithlabel
class _ImageFieldWithLabelState extends State<ImageFieldWithLabel> {
File? image;
Future pickImage() async {
try {
final selectedImageFile =
await ImagePicker().pickImage(source: ImageSource.gallery);
if (selectedImageFile == null) {
return;
}
// final temporaryImage = File(selectedImageFile.path);
final imagePermanent = await saveImagePermanently(selectedImageFile.path);
// print(selectedImageFile.path);
setState(() => image = imagePermanent);
widget.onFileSelected(image!);
} on PlatformException catch (e) {
print('Failed to Select an Image $e');
}
}
Future<File> saveImagePermanently(String imagePath) async {
final directory = await getApplicationDocumentsDirectory();
final name = basename(imagePath);
final image = File('${directory.path}$name');
// print(imagePath);
return File(imagePath).copy(image.path);
}
#override
Widget build(BuildContext context) {
return Container(
padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 20),
child: Column(
children: [
Align(
alignment: Alignment.centerLeft,
child: Padding(
padding: const EdgeInsets.only(bottom: 6),
child: Text(
widget.label,
textAlign: TextAlign.left,
style: Theme.of(context)
.textTheme
.subtitle2
?.copyWith(fontSize: 14, fontWeight: FontWeight.w600),
),
),
),
GestureDetector(
onTap: () => pickImage(),
child: Container(
height: 152,
decoration: BoxDecoration(
color: const Color(0xFFEAEDEF),
borderRadius: BorderRadius.circular(15),
),
child: Align(
alignment: Alignment.center,
child: image != null
? FittedBox(
child: SizedBox(
width: 78,
height: 78,
child: ClipRRect(
borderRadius: BorderRadius.circular(14),
child: Image.file(
image!,
fit: BoxFit.fill,
),
)),
)
: Padding(
padding: const EdgeInsets.symmetric(horizontal: 27),
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Text(
widget.title,
textAlign: TextAlign.center,
style: Theme.of(context)
.textTheme
.headline6
?.copyWith(
fontSize: 12,
fontWeight: FontWeight.w600,
// color: ColorTheme.primaryTextColor,
color: Colors.grey
),
),
const SizedBox(
height: 6,
),
Text(
widget.subtitle,
textAlign: TextAlign.center,
style: Theme.of(context)
.textTheme
.headline6
?.copyWith(
fontSize: 14,
fontWeight: FontWeight.w700,
// color: ColorTheme.primaryTextColor
color: Colors.grey
.withOpacity(0.3)),
),
],
),
),
),
),
)
],
),
);
}
}