Issue Displaying API Data in TextField in FlutterFlow

Troubleshooting

Good morning,

I am Brazilian, sorry for my English.

I am an enthusiast of No Code, Low Code, and I have used Bubble.io a lot. I have heard great things about FlutterFlow and invested some time yesterday learning this tool—I actually liked it a lot... (we’ll get there...).

I have a small private movie catalog system. I am a poster collector and like to have everything cataloged. For that, I developed a system in Python/Streamlit to keep everything organized. However, Streamlit has some limitations that blocked my project. So, I started studying FlutterFlow and began migrating some modules I had already developed in Python.

To begin with, I use a module to fetch movie information from the TMDB website via API—it’s simple and very useful. Yesterday, I watched some more videos and learned how to use APIs in FlutterFlow, which I found really cool. However, I encountered my first issue, for which I couldn’t find a solution—not even in videos or chats—which discouraged me a bit about FlutterFlow's potential. The problem is as follows:

I can load the API data smoothly, just as I saw in the videos, and it works. However, when I try to display the information in a TextField, nothing appears. The data does show up in a normal Text widget, but not in the TextField. I made all the correct configurations, and on the screen, I placed two TextFields and two Text widgets—the information appears in the Text widgets, but not in the TextFields.

I don’t know how to solve this. Does anyone know? If there is a video explaining this, could you share it with me? Because if this step is not feasible in FlutterFlow, I won’t continue my studies.

I made a self-explanatory video to better illustrate my problem:

https://www.loom.com/share/48655dbf6f9c40b48a172dc5edf0c507?sid=f50d8438-1db3-4d8e-97a5-1746b8eb53a4

I hope my issue is clear. Did you notice that the API result appears in the Text widget but not in the TextField—even though both have the same configuration?

I might have missed something, but I don’t know where, and I couldn’t find any videos explaining this.

I really appreciate your attention.

Thanks!

What have you tried so far?

I created the API with the link I want to fetch the information from, and it works perfectly. Then, in the TextField called TMDB, I created an action to fetch data from the API using an ID.

I created two TextFields and linked them to the API fields. I also created two Text widgets to check if the information was being retrieved correctly. Then, I went to the TextField Properties and linked the desired field.

However, when executing and entering the desired ID, the information is not loaded into the TextField. In the Text widget, it appears normally, but in the TextField, nothing is displayed.

Did you check FlutterFlow's Documentation for this topic?
No
3
1 reply