Hi! I'm building a receipt tracking component to an app which uploads data to Firebase but somehow the image file gives error after cropping [closed] - flutter

Question

Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 2 days ago.
Improve this question
I'm using a form to collect data to be stored to Firebase. Along with the form is a Image to be captured from the camera / gallery as well. Currently I get 3x errors which I get stuck with.
on the Crop 'if' statement:
if (croppedImage != null) {
setState(() {
imageFile = File(croppedImage.path); //<----------- Error: the Argument Type String cant be //assigned to parameter type List<object>
});
}
}
await ref.putFile(imageFile!); //<----------- Error: The argument File (where is defined in... then a //location path... cant be assigned to a parament type File.
child: imageFile == null
? const Icon(
Icons.camera_enhance_sharp,
color: Colors.black,
size: 30,
)
: Image.file(
imageFile!, //<------------------Error The argument //File (Whrer is defined in... then a location path... cant be assisgned to a parament type File.
fit: BoxFit.fill,
),
Here is the full code structure:
class UploadSlips2 extends StatefulWidget {
const UploadSlips2({super.key});
#override
State<UploadSlips2> createState() => _UploadSlips2State();
}
class _UploadSlips2State extends State<UploadSlips2> {
final TextEditingController _slipCatagoriesController =
TextEditingController(text: 'Transaction Type');
final TextEditingController _projectListController =
TextEditingController(text: 'Select Project');
final TextEditingController _paymentTypeController =
TextEditingController(text: 'Payment Type');
final TextEditingController _titleController = TextEditingController();
final TextEditingController _descriptionController = TextEditingController();
final TextEditingController _transactionDateController =
TextEditingController(text: 'Select Transaction Date');
final TextEditingController _slipValueController = TextEditingController();
final _formkey = GlobalKey<FormState>();
DateTime? picked;
Timestamp? transactionDateStamp;
bool _isLoading = false;
File? imageFile;
String? slipImgUrl;
void _getFromCamera() async {
XFile? pickedFile =
await ImagePicker().pickImage(source: ImageSource.camera);
_cropImage(pickedFile!.path);
Navigator.pop(context);
}
void _getFromGallery() async {
XFile? pickedFile =
await ImagePicker().pickImage(source: ImageSource.gallery);
_cropImage(pickedFile!.path);
Navigator.pop(context);
}
void _cropImage(filePath) async {
CroppedFile? croppedImage = await ImageCropper()
.cropImage(sourcePath: filePath, maxHeight: 1080, maxWidth: 1080);
if (croppedImage != null) {
setState(() {
imageFile = File(croppedImage.path); //<--- Error: the Argument Type String cant be assigned to parameter type List<object>
});
}
}
void _showImageDialog() {
showDialog(
context: context,
builder: (context) {
return AlertDialog(
title: Text('Please Choose an Option'),
content: Column(
mainAxisSize: MainAxisSize.min,
children: [
InkWell(
onTap: () {
_getFromCamera();
},
child: Row(
children: const [
Padding(
padding: EdgeInsets.all(4.0),
child: Icon(
Icons.camera,
color: Colors.black,
),
),
Text(
'Camera',
style: TextStyle(color: Colors.black),
),
],
),
),
InkWell(
onTap: () {
_getFromGallery();
},
child: Row(
children: const [
Padding(
padding: EdgeInsets.all(4.0),
child: Icon(
Icons.image,
color: Colors.black,
),
),
Text(
'Gallary',
style: TextStyle(color: Colors.black),
),
],
),
),
],
),
);
});
}
//Slip Upload Function ---------------------------------------------------
void _uploadslips() async {
final slipId = const Uuid().v4();
User? user = FirebaseAuth.instance.currentUser;
final _uid = user!.uid;
final isValid = _formkey.currentState!.validate();
if (isValid) {
if (_transactionDateController.text == 'Select Transaction Date' ||
_slipCatagoriesController.text == 'Transaction Type' ||
imageFile == null) {
GlobalMethod.showErrorDialog(
error: 'Please comple all the fields', ctx: context);
return;
}
setState(() {
_isLoading = true;
});
try {
final ref = FirebaseStorage.instance
.ref()
.child('slipImages')
.child(slipId + '.jpg');
await ref.putFile(imageFile!); //<-------Error: The argument File (where is defined in... then a //location path... cant be assigned to a parament type File.
slipImgUrl = await ref.getDownloadURL();
await FirebaseFirestore.instance.collection('Slips').doc(slipId).set({
'slipId': slipId,
'slipImg': imageFile,
'uploadedBy': _uid,
'userName': name,
'userImage': userImage,
'userLocation': location,
'email': user.email,
'transactionType': _slipCatagoriesController.text,
'project': _projectListController.text,
'paymentMethod': _paymentTypeController.text,
'value': _slipValueController.text,
'slipDescription': _descriptionController.text,
'slipDate': _transactionDateController.text,
});
// await Fluttertoast.showToast(
// msg: 'Slip was Successfully uploaded',
// toastLength: Toast.LENGTH_LONG,
// backgroundColor: Colors.black,
// );
_slipCatagoriesController.clear();
_projectListController.clear();
_paymentTypeController.clear();
_slipValueController.clear();
_transactionDateController.clear();
_descriptionController.clear();
setState(() {
_slipCatagoriesController.text = 'Transaction Type';
_projectListController.text = 'Select Project';
_paymentTypeController.text = 'Payment Method';
_slipValueController.text = 'Value R';
_descriptionController.text = 'Description';
_transactionDateController.text = 'Select Transaction Date';
});
} catch (error) {
{
setState(() {
_isLoading = false;
});
GlobalMethod.showErrorDialog(error: error.toString(), ctx: context);
}
} finally {
setState(() {
_isLoading = false;
});
}
} else {
print('Slip not valid');
}
}
//Get Data-------------------------------------------------------------------
void getMyData() async {
final DocumentSnapshot userDoc = await FirebaseFirestore.instance
.collection('users')
.doc(FirebaseAuth.instance.currentUser!.uid)
.get();
setState(() {
name = userDoc.get('name');
userImage = userDoc.get('userImage');
location = userDoc.get('location');
});
}
#override
void initState() {
super.initState();
getMyData();
}
//Build-------------------------------------------------------------------
#override
Widget build(BuildContext context) {
Size size = MediaQuery.of(context).size;
return Scaffold(
appBar: AppBar(
title: const Text('Upload Slips (2)'),
centerTitle: true,
backgroundColor: Colors.blue.shade900,
),
bottomNavigationBar: BottomNavigationBarForApp(indexNum: 2),
body: SingleChildScrollView(
child: Column(
children: [
Container(
alignment: Alignment.bottomLeft,
padding: const EdgeInsets.fromLTRB(15, 10, 0, 0),
child: ElevatedButton(
onPressed: () {
Navigator.pushReplacement(
context, MaterialPageRoute(builder: (_) => AllSlips()));
},
child: const Text('All Slips'),
),
),
Center(
child: Padding(
padding: const EdgeInsets.all(7.0),
child: Card(
color: Colors.blue.shade900,
child: SingleChildScrollView(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const SizedBox(
height: 10,
),
const Align(
alignment: Alignment.center,
child: Padding(
padding: EdgeInsets.all(7.0),
child: Text(
'Please fill all fields',
style: TextStyle(color: Colors.white),
),
),
),
const SizedBox(
height: 10,
),
const Divider(
thickness: 1,
color: Colors.white,
),
Center(
child: Padding(
padding: const EdgeInsets.all(8.0),
child: Form(
key: _formkey,
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
_textTitles(label: 'Picture of Slip'),
const SizedBox(
height: 10,
),
GestureDetector(
onTap: () {
_showImageDialog();
},
child: Padding(
padding: const EdgeInsets.all(8.0),
child: Container(
width: 100,
height: 100,
decoration: BoxDecoration(
border: Border.all(
width: 1,
color: Colors.blue,
),
borderRadius:
BorderRadius.circular(100),
),
child: ClipRRect(
borderRadius:
BorderRadius.circular(16),
child: imageFile == null
? const Icon(
Icons.camera_enhance_sharp,
color: Colors.black,
size: 30,
)
: Image.file(
imageFile!, //<--------Error: The argument File (where is defined in... then a //location path... cant be assigned to a parament type File.
fit: BoxFit.fill,
),
),
),
),
),
const SizedBox(
height: 10,
),
_textTitles(label: 'Transaction Type: '),
_textFormField(
valueKey: 'transactionType',
controller: _slipCatagoriesController,
enabled: false,
fct: () {
_transactionTypeCategories(size: size);
},
maxLenth: 50,
),
_textTitles(label: 'Project: '),
_textFormField(
valueKey: 'project',
controller: _projectListController,
enabled: false,
fct: () {
_projectsCategories(size: size);
},
maxLenth: 50,
),
_textTitles(label: 'Payment Method: '),
_textFormField(
valueKey: 'paymentMethod',
controller: _paymentTypeController,
enabled: false,
fct: () {
_paymentType(size: size);
},
maxLenth: 50,
),
_textTitles(label: 'Value'),
_textFormField(
valueKey: 'value',
controller: _slipValueController,
enabled: true,
fct: () {},
maxLenth: 50,
),
_textTitles(label: 'Description'),
_textFormField(
valueKey: 'slipDescription',
controller: _descriptionController,
enabled: true,
fct: () {},
maxLenth: 100,
),
_textTitles(label: 'Transaction Date'),
_textFormField(
valueKey: 'slipDate',
controller: _transactionDateController,
enabled: false,
fct: () {
_pickDateDialog();
},
maxLenth: 100,
),
],
),
),
),
),
Center(
child: Padding(
padding: const EdgeInsets.only(bottom: 30),
child: _isLoading
? const CircularProgressIndicator()
: MaterialButton(
onPressed: () {
_uploadslips();
},
color: Colors.white,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(13),
),
child: Padding(
padding: const EdgeInsets.symmetric(
vertical: 14, horizontal: 100),
child: Row(
mainAxisSize: MainAxisSize.min,
mainAxisAlignment:
MainAxisAlignment.center,
children: [
Text(
'Post Now',
style: TextStyle(
color: Colors.blue.shade900),
),
const SizedBox(
width: 9,
),
Icon(
Icons.upload_file,
color: Colors.blue.shade900,
)
],
),
),
),
),
),
],
),
)),
),
),
],
),
),
);
}
}
I have tried to write the function in the onPress event but still no avail.
Thanks!