2022-09-30
2981
#flutter#python
Damilare Jolayemi
134942
Sep 30, 2022 ⋅ 10 min read

Integrating Flask and Flutter apps

Damilare Jolayemi Damilare is an enthusiastic problem-solver who enjoys building whatever works on the computer. He has a knack for slapping his keyboards till something works. When he's not talking to his laptop, you'll find him hopping on road trips and sharing moments with his friends, or watching shows on Netflix.

Recent posts:

docker exec command

How to use docker exec to interact with running containers

Read up on how to interact with running containers using the docker exec command, and discover the difference between exec and attach.

Paul Akinyemi
Mar 25, 2025 ⋅ 4 min read
array filter method javascript

How to use the array filter() method in JavaScript

Learn about the array filter() method, from its basic syntax and use cases to more advanced techniques like chaining with map() and reduce().

Abiola Farounbi
Mar 24, 2025 ⋅ 5 min read
css vertical alignment

CSS vertical alignment: Best practices and examples

CSS has come a long way, making vertical alignment easier than ever. Learn about this concept and explore some of the best CSS vertical alignment techniques.

Facundo Corradini
Mar 23, 2025 ⋅ 8 min read
How to win clients with a Flutter web demo that feels real

How to win clients with a Flutter web demo that feels real

Use Flutter to build browser-based app demos that help clients visualize the product, speed up buy-in, and close deals faster.

Lewis Cianci
Mar 21, 2025 ⋅ 5 min read
View all posts

One Reply to "Integrating Flask and Flutter apps"

  1. Hey!
    I really appreciated this example!
    Thank you so much, I was able to reproduce it and learned a lot along the way 🙂
    I would like to leave some typos I found just in case somebody else might want to try it too, if I may.

    @lib/widgets/tasks.dart:
    49 FutureBuilder(
    50 future: Provider.of(context, listen: false).getTodos,
    51 builder: (ctx, snapshot) => snapshot.connection state == ConnectionState.waiting

    In line 51, instead of snapshot.connection state, it is snapshot.connectionState == …

    51 builder: (ctx, snapshot) => snapshot.connectionState == ConnectionState.waiting

    @lib/providers/todo_provider.dart:
    23 final todo = TodoItem(
    24 id: responsePayload[“id”],
    25 itemName: responsePayload[“name”],
    26 isExecuted: responsePayload[“is_executed”],
    27 );
    29 getTodos;
    30 }
    31

    In line 26, I added isExecuted: responsePayload[“is_executed”] as it was required and also called getTodos in order to update the list after a new Entry has been created.

    The files in flutter are located in
    lib/models/todo_item.dart, lib/providers/todo_provider.dart and lib/widgets/tasks.dart.

    It took me some time to figure this out, that is why I thought about sharing it.

    Thank you again for the nice example 🙂

Leave a Reply