Parsing a complex nested JSON API return to nested custom datatypes does not work

[rmrosi]

Has your issue been reported?

• I have searched the existing issues and confirm it has not been reported.
• I give permission for members of the FlutterFlow team to access and test my project for the sole purpose of investigating this issue.

Current Behavior

I created a datatype "randomUser" from the follwing JSON file:

{
   "results":[
      {
         "gender":"female",
         "name":{
            "title":"Ms",
            "first":"Yvone",
            "last":"Souza"
         },
         "location":{
            "street":{
               "number":700,
               "name":"Rua Dois"
            },
            "city":"Itapecerica da Serra",
            "state":"Roraima",
            "country":"Brazil",
            "postcode":81375,
            "coordinates":{
               "latitude":"62.3948",
               "longitude":"56.7258"
            },
            "timezone":{
               "offset":"+9:30",
               "description":"Adelaide, Darwin"
            }
         },
         "email":"yvone.souza@example.com",
         "login":{
            "uuid":"ffde146d-ce2a-481c-a263-5e27a4f6655b",
            "username":"brownfrog936",
            "password":"helen",
            "salt":"4kOFgWAk",
            "md5":"6f67bc5ebfacb3600ac0f6c3ce36ec29",
            "sha1":"247f93f659ac4a22d1ad9129fc0b770555ee49a1",
            "sha256":"096f8be0395b777c4f5c1da175e590f98d17e9829fe12ad0f49a9b6ae8009c08"
         },
         "dob":{
            "date":"1954-05-02T09:50:26.611Z",
            "age":70
         },
         "registered":{
            "date":"2011-11-02T11:46:45.270Z",
            "age":12
         },
         "phone":"(29) 3333-7623",
         "cell":"(21) 2492-3579",
         "id":{
            "name":"CPF",
            "value":"852.665.599-72"
         },
         "picture":{
            "large":"https://randomuser.me/api/portraits/women/64.jpg",
            "medium":"https://randomuser.me/api/portraits/med/women/64.jpg",
            "thumbnail":"https://randomuser.me/api/portraits/thumb/women/64.jpg"
         },
         "nat":"BR"
      }
   ],
   "info":{
      "seed":"4be31af6a958ac2b",
      "results":1,
      "page":1,
      "version":"1.4"
   }
}

I tried using the Parse as Data Type option in the API Call tab, generating a list of datatypes of type "randomUser" (randomUser), but FlutterFlow is unable to parse automatically from the data returned from the API:

Expected Behavior

Parse automatically from the data returned from the API endpoint.

Steps to Reproduce

1. Create a new dataype randomUser from JSON file;

1. Create a new datatype randomUsers from a list of datatype randomUser;

1. Create a new API endpoint from API base URL: _https://randomuser.me/api/?results=10&nat=br_;
2. Set the option Parse as Data Type on and choice a datatype randomUsers and mark the checkbox IsList;
3. Create an App State of type randomUser List;

1. Create a page with a elements Column and Listview. Call the end point API create in the step 5; in a column element and a dataype in the listview:

1. The following erro occurs: app state is empty

Reproducible from Blank

• The steps to reproduce above start from a blank project.

Bug Report Code (Required)

Not convert/parse a JSON to datatype

Context

This issue affect my produtivity. I need to create a custom function and a custom action to do the same action: parse the API JSON response to datatype!

Visual documentation

I inserted the images in the previous fields.

Additional Info

No response

Environment

- FlutterFlow version: v4.1.53+
- Platform: Web
- Browser name and version: EDGE Version 123.0.2420.81 (64 bits)
- Operating system and version affected: Windows 11 and Ubuntu Linux

General

• I was collaborating with other users in the same project prior to data loss
• I navigated between different project views leading up to data loss
• The UI was running very slowly prior to data loss
• A crash or other bug occurred prior to data loss
• Data was not saved in a snapshot
• I was using flutterflow from multiple devices
• I was using flutterflow from multiple platforms (e.g. both web and MacOS Desktop app)

Relative to the time the changes were made, data was lost within

• 1 minute
• 1 hour
• 1 day
• 1 week

When following my steps to reproduce, data loss happens

• ~100% of the time
• ~50% of the time
• ~10% of the time
• ~1% of the time
• Very rarely or only encountered once

[ignalauret]

Hey @rmrosi thanks for your report. To use the "create DataType from JSON" functionality, you need to provide a JSON with ONLY the data for the Data Type. In this case, you are providing the entire results list, with the pagination info and everything. In your case, you would need to create the "Random User" data type from:
{ "gender": "female", "name": { "title": "Ms", "first": "Yvone", "last": "Souza" }, "location": { "street": { "number": 700, "name": "Rua Dois" }, "city": "Itapecerica da Serra", "state": "Roraima", "country": "Brazil", "postcode": 81375, "coordinates": { "latitude": "62.3948", "longitude": "56.7258" }, "timezone": { "offset": "+9:30", "description": "Adelaide, Darwin" } }, "email": "yvone.souza@example.com", "login": { "uuid": "ffde146d-ce2a-481c-a263-5e27a4f6655b", "username": "brownfrog936", "password": "helen", "salt": "4kOFgWAk", "md5": "6f67bc5ebfacb3600ac0f6c3ce36ec29", "sha1": "247f93f659ac4a22d1ad9129fc0b770555ee49a1", "sha256": "096f8be0395b777c4f5c1da175e590f98d17e9829fe12ad0f49a9b6ae8009c08" }, "dob": { "date": "1954-05-02T09:50:26.611Z", "age": 70 }, "registered": { "date": "2011-11-02T11:46:45.270Z", "age": 12 }, "phone": "(29) 3333-7623", "cell": "(21) 2492-3579", "id": { "name": "CPF", "value": "852.665.599-72" }, "picture": { "large": "https://randomuser.me/api/portraits/women/64.jpg", "medium": "https://randomuser.me/api/portraits/med/women/64.jpg", "thumbnail": "https://randomuser.me/api/portraits/thumb/women/64.jpg" }, "nat": "BR" }

That is only the data that your API is providing for the model "Random User". Then, you need to let your API Call know that the endpoint will provide a list of Random Users inside the field "results", and that's how you will get it to work.
I hope this was helpful, any more help you need please feel free to contact our Customer Support, they will guide you on implementing any API call you need.
Closing this issue given that it's not a bug on FF. If you still think there is a bug here, please let me know. Have a great day!

[rmrosi]

Hi Ignacio, Thank you for your response! But unfortunately I still haven´t been able to make it work. I tried a set of possible combinations for this JSON parse! Below is a list of these attempts: A "Random User" data type from JSON, as suggested by you: [image: image1.png] And the API Call knowin that the endpoint will provide a list of Random Users inside the field "results": [image: image2.png] Then I called the API in column component: [image: image3.png] An the ListView, I tried to parse to DataType: [image: image4.png] However, I get the following error: [image: image5.png] Then, I created a following data type: [image: image6.png] And adjusted the API: [image: image7.png] And adjust listview: [image: image8.png] The error is solving, but didn´t work yet: [image: image9.png] I tried the other combinations of adjustments, for example, turn on the checkbox *Is List* in the API, but it didn't work. The only way I could make it work was using a flat JSON structure, without nested JSON structure! I would really appreciate it if you could give me a step-by-step guide on how to make a nested JSON parse works! Thanks in advance, Rober Em seg., 20 de mai. de 2024 às 22:40, Ignacio Lauret < ***@***.***> escreveu:

…

Hey @rmrosi <https://github.com/rmrosi> thanks for your report. To use the "create DataType from JSON" functionality, you need to provide a JSON with ONLY the data for the Data Type. In this case, you are providing the entire results list, with the pagination info and everything. In your case, you would need to create the "Random User" data type from: { "gender": "female", "name": { "title": "Ms", "first": "Yvone", "last": "Souza" }, "location": { "street": { "number": 700, "name": "Rua Dois" }, "city": "Itapecerica da Serra", "state": "Roraima", "country": "Brazil", "postcode": 81375, "coordinates": { "latitude": "62.3948", "longitude": "56.7258" }, "timezone": { "offset": "+9:30", "description": "Adelaide, Darwin" } }, "email": ***@***.***", "login": { "uuid": "ffde146d-ce2a-481c-a263-5e27a4f6655b", "username": "brownfrog936", "password": "helen", "salt": "4kOFgWAk", "md5": "6f67bc5ebfacb3600ac0f6c3ce36ec29", "sha1": "247f93f659ac4a22d1ad9129fc0b770555ee49a1", "sha256": "096f8be0395b777c4f5c1da175e590f98d17e9829fe12ad0f49a9b6ae8009c08" }, "dob": { "date": "1954-05-02T09:50:26.611Z", "age": 70 }, "registered": { "date": "2011-11-02T11:46:45.270Z", "age": 12 }, "phone": "(29) 3333-7623", "cell": "(21) 2492-3579", "id": { "name": "CPF", "value": "852.665.599-72" }, "picture": { "large": "https://randomuser.me/api/portraits/women/64.jpg", "medium": "https://randomuser.me/api/portraits/med/women/64.jpg", "thumbnail": "https://randomuser.me/api/portraits/thumb/women/64.jpg" }, "nat": "BR" } That is only the data that your API is providing for the model "Random User". Then, you need to let your API Call know that the endpoint will provide a list of Random Users inside the field "results", and that's how you will get it to work. I hope this was helpful, any more help you need please feel free to contact our Customer Support, they will guide you on implementing any API call you need. Closing this issue given that it's not a bug on FF. If you still think there is a bug here, please let me know. Have a great day! — Reply to this email directly, view it on GitHub <#2933 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ACDN2Q2YYKJREQVUNXSQJULZDKQXPAVCNFSM6AAAAABH5P45NGVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDCMRRGU2DENJYGI> . You are receiving this because you were mentioned.Message ID: ***@***.***>

[rmrosi]

Ignacio,

Since the email response does not support markdown format, I am resending the message with the inclusion of images:
"
Hi Ignacio,

Thank you for your response! But unfortunately I still haven´t been able to make it work. I tried a set of possible combinations for this JSON parse! Below is a list of these attempts:

A "Random User" data type from JSON, as suggested by you:

And the API Call knowin that the endpoint will provide a list of Random
Users inside the field "results":

Then I called the API in column component:

An the ListView, I tried to parse to DataType:

However, I get the following error:

Then, I created a following data type:

And adjusted the API:

And adjust listview:

The error is solving, but didn´t work yet:

I tried the other combinations of adjustments, for example, turn on the checkbox Is List in the API, but it didn't work.

The only way I could make it work was using a flat JSON structure, without nested JSON structure! I would really appreciate it if you could give me a step-by-step guide on how to make a nested JSON parse works!
"
Thanks in advance,
Rober

[github-actions]

This issue is stale because it has been open for 7 days with no activity. If there are no further updates, a team member will close the issue.

[rmrosi]

Ignacio,

Since the email response does not support markdown format, I am resending the message with the inclusion of images: " Hi Ignacio,

Thank you for your response! But unfortunately I still haven´t been able to make it work. I tried a set of possible combinations for this JSON parse! Below is a list of these attempts:

A "Random User" data type from JSON, as suggested by you:

And the API Call knowin that the endpoint will provide a list of Random Users inside the field "results":

Then I called the API in column component:

An the ListView, I tried to parse to DataType:

However, I get the following error:

Then, I created a following data type:

And adjusted the API:

And adjust listview:

The error is solving, but didn´t work yet:

I tried the other combinations of adjustments, for example, turn on the checkbox Is List in the API, but it didn't work.

The only way I could make it work was using a flat JSON structure, without nested JSON structure! I would really appreciate it if you could give me a step-by-step guide on how to make a nested JSON parse works! " Thanks in advance, Rober

?

[github-actions]

This issue is stale because it has been open for 7 days with no activity. If there are no further updates, a team member will close the issue.