Codul Suluhu

19 decembrie 2019 · 9 min de citire

Următorul este un tutorial simplu pentru crearea unei aplicații Flutter folosind spoonacular API. Aceasta este pentru a învăța cum să utilizați API-urile în flutter. spoonacular este un site bogat în rețete și are un API cu o documentație excelentă.

flutter

Acest tutorial utilizează planul gratuit și are solicitări limitate. Puteți urmări procesul de creare pe YouTube sau urmați mai jos.

Creați o nouă aplicație Flutter pe Visual Studio Code, Android Studio sau editorul la alegere.

Accesați pubspec.yaml, și adăugați următoarele dependențe:

http: ^ 0,12. 0 +2 - http Ne permite să trimitem solicitări către API pentru a obține date

webview_flutter: ^ 0.3.18 + 1 - webview ne permite să vizualizăm paginile web din aplicația noastră.

Nu uitați să rulați pentru a instala pachetele în aplicația dvs.

Accesați site-ul API al sponacularului, https://spoonacular.com/food-api. Creați un cont și accesați consola. Accesați profilul din meniul lateral și copiați cheia API. Păstrați-l undeva, îl vom folosi.

Pe lib folder, creați un folder/pachet numit model. Apoi, creați un fișier numit meal_model.dart și adăugați următorul cod:

Încă în folderul model, creați un alt fișier numit meal_plan_model.dart și importați meal_model.dart.

În cele din urmă pe model folder, creați un fișier numit recipe_model.dart și adăugați următoarele:

Pe l lib folder, creați un folder/pachet numit servicii, și creați un fișier numit services.dart.

Accesați main.dart fișierul și editați-l pentru a avea următoarele:

Creați un folder numit ecrane și în acesta, creați search_screen.dart. Adăugați următoarele

În ecrane folder, creați un fișier numit meal_screen.dart

FINAL, pe ecrane folder, creați un fișier numit recipe_screen.dart. Aceasta va avea vizualizarea web.

Asta este! Rulați aplicația. Următoarele sunt capturile de ecran