convert<\/strong> package. So, let\u2019s start.<\/p>\nCreate a New Project<\/b><\/h2>\n First things first, create a new flutter project in Android Studio and name it anything you want.<\/p>\n
I\u2019ve named mine: flutter_api_calls<\/strong>.<\/p>\n\n
Next, clear all the boilerplate code that you get. We\u2019ll be writing everything from scratch.<\/p>\n
Setting up the project<\/b><\/h2>\n Next, I\u2019ll be setting up the skeleton of the project. This means adding an AppBar, a Scaffold and writing the main function.<\/p>\n
Here\u2019s how it looks<\/p>\n
\n
\n
\n\n\n\n01<\/div>\n
02<\/div>\n
03<\/div>\n
04<\/div>\n
05<\/div>\n
06<\/div>\n
07<\/div>\n
08<\/div>\n
09<\/div>\n
10<\/div>\n
11<\/div>\n
12<\/div>\n
13<\/div>\n
14<\/div>\n
15<\/div>\n
16<\/div>\n
17<\/div>\n
18<\/div>\n
19<\/div>\n
20<\/div>\n
21<\/div>\n
22<\/div>\n
23<\/div>\n
24<\/div>\n
25<\/div>\n
26<\/div>\n
27<\/div>\n
28<\/div>\n
29<\/div>\n
30<\/div>\n
31<\/div>\n
32<\/div>\n
33<\/div>\n
34<\/div>\n
35<\/div>\n<\/td>\n
\n\n
import<\/code> 'package:flutter\/material.dart'<\/code>;<\/code><\/div>\n <\/div>\n
void<\/code> main() => runApp(MyApp());<\/code><\/div>\n <\/div>\n
class<\/code> MyApp <\/code>extends<\/code> StatelessWidget {<\/code><\/div>\n <\/code>\/\/ This widget is the root of your application.<\/code><\/div>\n <\/code>@override<\/code><\/div>\n <\/code>Widget build(BuildContext context) {<\/code><\/div>\n <\/code>return<\/code> MaterialApp(<\/code><\/div>\n <\/code>title: <\/code>'Flutter Demo'<\/code>,<\/code><\/div>\n <\/code>theme: ThemeData(<\/code><\/div>\n <\/code>primarySwatch: Colors.blue,<\/code><\/div>\n <\/code>),<\/code><\/div>\n <\/code>home: MyHomePage(title: <\/code>'Flutter Api Call'<\/code>),<\/code><\/div>\n <\/code>);<\/code><\/div>\n <\/code>}<\/code><\/div>\n}<\/code><\/div>\n <\/div>\n
class<\/code> MyHomePage <\/code>extends<\/code> StatefulWidget {<\/code><\/div>\n <\/code>MyHomePage({Key key, <\/code>this<\/code>.title}) : <\/code>super<\/code>(key: key);<\/code><\/div>\n <\/div>\n
<\/code>final<\/code> String title;<\/code><\/div>\n <\/div>\n
<\/code>@override<\/code><\/div>\n <\/code>_MyHomePageState createState() => _MyHomePageState();<\/code><\/div>\n}<\/code><\/div>\n <\/div>\n
class<\/code> _MyHomePageState <\/code>extends<\/code> State<MyHomePage> {<\/code><\/div>\n <\/code> <\/div>\n <\/code>@override<\/code><\/div>\n <\/code>Widget build(BuildContext context) {<\/code><\/div>\n <\/code>return<\/code> null<\/code>;<\/code><\/div>\n <\/code>}<\/code><\/div>\n <\/code> <\/div>\n}<\/code><\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\nMaking an API call in Flutter<\/b><\/h2>\n First we\u2019ll need to include the http package in pubspec.yaml<\/b> file. Add this line under dependencies where it shows flutter sdk.<\/strong> Here\u2019s how your pubspec.yaml would look like:<\/p>\n\n
\n
\n\n\n\n01<\/div>\n
02<\/div>\n
03<\/div>\n
04<\/div>\n
05<\/div>\n
06<\/div>\n
07<\/div>\n
08<\/div>\n
09<\/div>\n
10<\/div>\n
11<\/div>\n
12<\/div>\n
13<\/div>\n
14<\/div>\n
15<\/div>\n
16<\/div>\n
17<\/div>\n
18<\/div>\n
19<\/div>\n
20<\/div>\n
21<\/div>\n
22<\/div>\n
23<\/div>\n
24<\/div>\n
25<\/div>\n
26<\/div>\n
27<\/div>\n
28<\/div>\n
29<\/div>\n
30<\/div>\n<\/td>\n
\n\n
name: flutter_api_calls<\/code><\/div>\ndescription: Flutter application to demonstrate api calls.<\/code><\/div>\n <\/div>\n
# The following defines the version and build number <\/code>for<\/code> your application.<\/code><\/div>\n# A version number is three numbers separated by dots, like <\/code>1.2<\/code>.<\/code>43<\/code><\/div>\n# followed by an optional build number separated by a +.<\/code><\/div>\n# Both the version and the builder number may be overridden in flutter<\/code><\/div>\n# build by specifying --build-name and --build-number, respectively.<\/code><\/div>\n# In Android, build-name is used as versionName <\/code>while<\/code> build-number used as versionCode.<\/code><\/div>\n# Read more about Android versioning at https:<\/code>\/\/developer.android.com\/studio\/publish\/versioning<\/code><\/div>\n# In iOS, build-name is used as CFBundleShortVersionString <\/code>while<\/code> build-number used as CFBundleVersion.<\/code><\/div>\n# Read more about iOS versioning at<\/code><\/div>\n# https:<\/code>\/\/developer.apple.com\/library\/archive\/documentation\/General\/Reference\/InfoPlistKeyReference\/Articles\/CoreFoundationKeys.html<\/code><\/div>\nversion: <\/code>1.0<\/code>.<\/code>0<\/code>+<\/code>1<\/code><\/div>\n <\/div>\n
environment:<\/code><\/div>\n
![\"\"](\"https:\/\/www.javacodegeeks.com\/wp-content\/uploads\/2019\/09\/Screenshot-2019-08-18-at-1.18.47-PM.png\")
<\/figure>\n<\/div>\n