Flutter how to pass form data to api

Question

I Have a form to get data from the user. The objective is to pass the form data as an object to the Api. The Form is as follows.

    Form(
                  key: _formKey,
                  child: Column(
                    children: [
     Seperator(),
                      TextField(
                        decoration: const InputDecoration(
                          hintText: 'Add a title',
                        ),
                      ),
                      Seperator(),
                      TextField(
                        decoration: const InputDecoration(
                          hintText: 'Add a description',
                        ),
                      ),
                      Seperator(),
    TextField(
                        decoration: const InputDecoration(
                          hintText: 'Add a Price',
                        ),
                      ),
                      Seperator(),
                      TextField(
                        decoration: const InputDecoration(
                          hintText: 'Select Unit',
                        ),
                      ),
Button(
                    isProcessing: isProcessing,
                    name: 'Create Post',
                    onPressed: () {
                      final formdata = _formKey.currentState!.save();
                      createpost(formdata); // Api Function
                    },
]

// Api Function
    createpost(AddPost formdata) async {
        try {
          final service = PostService();
          final response =
              await service.createpost(formdata);
        } catch (error) {
          setErrorMessage(error.toString());
        }

How can I pass the Form data as an object to the Api Function?

And add where you are passing the headers to your post request. That will solve your issue, if you jsonDecode it and specify the type of header as form encoded. — Huthaifa Muayyad, Sep 21 '21 at 19:25
refer my answer [here](https://stackoverflow.com/a/68767696/13997210) hope its help to you in this answer I have send data to API — Ravindra S. Patil, Sep 22 '21 at 04:23

score 1 · Answer 1 · answered Sep 21 '21 at 19:46

You can run the API in Postman and use autogenerated code in your flutter app. You can also convert your curl request into postman request using this link and then use auto generated code

You can also use this package to pass form data. here is an example

var dio = Dio();
 var formData = FormData.fromMap({
 'name': 'wendux',
  'age': 25,
  'file': await MultipartFile.fromFile('./text.txt',filename: 
 'upload.txt')
 });
  var response = await dio.post('/info', data: formData);

Flutter how to pass form data to api

1 Answers1

Linked