I'm trying to build my first mobile application with flutter and firebase. When I try to display and store a photo I have the following issue :
error: The argument type 'Future' can't be assigned to the parameter type 'File'. (argument_type_not_assignable at [whereassistant] lib/main.dart:85)
I should probably do some casting but I don't understand hox to do it properly.
Here's my Future file declaration :
Future<File> _imageFile;
I'm taking a Photo which is displayed on screen :
setState(() {
_imageFile = ImagePicker.pickImage(source: source);
});
But I have the error when trying to send the photo to Firebase :
final StorageUploadTask uploadTask = ref.put(_imageFile);
final Uri downloadUrl = (await uploadTask.future).downloadUrl;
Here's the class I'm using based on a code example :
class _MyHomePageState extends State<MyHomePage> {
Future<File> _imageFile;
void _onImageButtonPressed(ImageSource source) async {
GoogleSignIn _googleSignIn = new GoogleSignIn();
var account = await _googleSignIn.signIn();
final GoogleSignInAuthentication googleAuth = await account.authentication;
final FirebaseUser user = await _auth.signInWithGoogle(
accessToken: googleAuth.accessToken,
idToken: googleAuth.idToken,
);
assert(user.email != null);
assert(user.displayName != null);
assert(!user.isAnonymous);
assert(await user.getIdToken() != null);
final FirebaseUser currentUser = await _auth.currentUser();
assert(user.uid == currentUser.uid);
setState(() {
_imageFile = ImagePicker.pickImage(source: source);
});
var random = new Random().nextInt(10000);
var ref = FirebaseStorage.instance.ref().child('image_$random.jpg');
final StorageUploadTask uploadTask = ref.put(_imageFile);
final Uri downloadUrl = (await uploadTask.future).downloadUrl;
}
@override
Widget build(BuildContext context) {
return new Scaffold(
appBar: new AppBar(
title: const Text('Where Assistant'),
),
body: new Center(
child: new FutureBuilder<File>(
future: _imageFile,
builder: (BuildContext context, AsyncSnapshot<File> snapshot) {
debugPrint('test recup image');
print(snapshot);
if (snapshot.connectionState == ConnectionState.done &&
snapshot.data != null) {
return new Image.file(snapshot.data);
} else if (snapshot.error != null) {
return const Text('Error picking image.');
} else {
return const Text('No image so far.');
}
},
),
),
floatingActionButton: new Column(
mainAxisAlignment: MainAxisAlignment.end,
children: <Widget>[
new FloatingActionButton(
onPressed: () => _onImageButtonPressed(ImageSource.gallery),
tooltip: 'Pick an image from gallery',
child: new Icon(Icons.photo_library),
),
new Padding(
padding: const EdgeInsets.only(top: 16.0),
child: new FloatingActionButton(
onPressed: () => _onImageButtonPressed(ImageSource.camera),
tooltip: 'Take a Photo',
child: new Icon(Icons.camera_alt),
),
),
],
),
);
}
}
From the plugin README.md
Future getImage() async {
var image = await ImagePicker.pickImage(source: ImageSource.camera);
setState(() {
_image = image;
});
}
ImagePicker.pickImage()
returns a Future
. You can use async
/await
like shown in the code above the get the value from the Future
.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With