how to make state_provider rebuild when i select image using image_picker then i select another one and update on state_provider but UI not updating.

[pakkawat-boonsri]

im doing app that can selete image then upload to ftp server by using ip. and download after that and then update to state_provider.

`final imageFromGallery = await ImagePicker().pickImage(source: source);
if (imageFromGallery != null) {
final profileImage = await ref
.read(profileControllerNotifierProvider.notifier)
.uploadProfileImage(imageFromGallery);

ref.read(profileImageProvider.notifier).update((state) => profileImage);

if (context.mounted) {
  Navigator.pop(context);
}

}

Future<File?> uploadProfileImage(
XFile imageFile,
) async {
final user = _ref.read(userProvider)?.first;
File tmpFile = File(imageFile.path);
final appDocpath = await getTemporaryDirectory();
state = true;
final File newTempFile =
await tmpFile.copy("${appDocpath.path}/${user!.id}_profileImage.jpg");
final profileImage = await _profileRepository.uploadImageToServer(
localImageFile: newTempFile,
fileName: "${user.id}_profileImage.jpg",
);
state = false;
return profileImage;
}

Future<File?> uploadImageToServer({
required File localImageFile,
required String fileName,
// required bool isUploadImage,
}) async {
final ftpServer = FTPConnect(
FtpClient.host,
user: FtpClient.username,
pass: FtpClient.password,
showLog: true,
);
await ftpServer.connect();
await ftpServer.createFolderIfNotExist("ProfileImage");
await ftpServer.changeDirectory("ProfileImage");
await ftpServer.setTransferType(TransferType.binary);
await ftpServer.uploadFile(localImageFile, sRemoteName: fileName);
await ftpServer.setTransferType(TransferType.auto);

final isThereImageFile =  await ftpServer.downloadFile(fileName, localImageFile);
if (!isThereImageFile) {
  await ftpServer.disconnect();
  return null;
}
await ftpServer.disconnect();
return localImageFile;

}

Future<File?> getProfileImageIfExist({
required File localImageFile,
required String fileName,
}) async {
final ftpServer = FTPConnect(
FtpClient.host,
user: FtpClient.username,
pass: FtpClient.password,
showLog: true,
);

await ftpServer.connect();
await ftpServer.changeDirectory("ProfileImage");
final isThereImageFile =
    await ftpServer.downloadFile(fileName, localImageFile);
if (!isThereImageFile) {
  await ftpServer.disconnect();
  return null;
}

await ftpServer.disconnect();
return localImageFile;

}
`

then what happen is when i upload and download a new image and update to state_provider but then UI is not updating
what i think what happen is state_provider not rebuilding because data inside is same as before but the image that i selected is not the same.