Step By Step Tutorial in Learning Flutter: Lesson 10— Adding Image (Fire Pokemon)

body:
ListView (
children: <Widget>[
ListTile (
leading: Image(
image: NetworkImage('https://assets.pokemon.com/assets/cms2/img/pokedex/detail/025.png'),
),
title: Text('Pikachu'),
),

ListTile (
leading: Image(
image: NetworkImage('https://assets.pokemon.com/assets/cms2/img/pokedex/detail/026.png'),
),
title: Text('Raichu'),
),

ListTile (
leading: Image(
image: NetworkImage('https://assets.pokemon.com/assets/cms2/img/pokedex/detail/082.png'),
),
title: Text('Magneton'),
),

ListTile (
leading: Image(
image: NetworkImage('https://assets.pokemon.com/assets/cms2/img/pokedex/detail/145.png'),
),
title: Text('Zapdos'),
),

ListTile (
leading: Image(
image: NetworkImage('https://assets.pokemon.com/assets/cms2/img/pokedex/detail/172.png'),
),
title: Text('Pichu'),
),

ListTile (
leading: Image(
image: NetworkImage('https://assets.pokemon.com/assets/cms2/img/pokedex/detail/125.png'),
),
title: Text('Electabuzz'),
),

],
)

);
}
}
//This is our Fire Pokemon Screen
class FireScreen extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text("Fire Pokemon"),
),
body:
ListView (
children: <Widget>[
ListTile (
leading: Image(
image: NetworkImage('https://assets.pokemon.com/assets/cms2/img/pokedex/detail/005.png'),
),
title: Text('Charmeleon'),
),

ListTile (
leading: Image(
image: NetworkImage('https://assets.pokemon.com/assets/cms2/img/pokedex/detail/006.png'),
),
title: Text('Charizard'),
),

ListTile (
leading: Image(
image: NetworkImage('https://assets.pokemon.com/assets/cms2/img/pokedex/detail/250.png'),
),
title: Text('Ho-Oh'),
),

ListTile (
leading: Image(
image: NetworkImage('https://assets.pokemon.com/assets/cms2/img/pokedex/detail/391.png'),
),
title: Text('Monferno'),
),

ListTile (
leading: Image(
image: NetworkImage('https://assets.pokemon.com/assets/cms2/img/pokedex/detail/498.png'),
),
title: Text('Tepig'),
),

ListTile (
leading: Image(
image: NetworkImage('https://assets.pokemon.com/assets/cms2/img/pokedex/detail/721.png'),
),
title: Text('Volcanion'),
),

],
)

);
}
}

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Misterflutter

Misterflutter

The best free step by step online course in learning Flutter. Learn how to develop iOS or Android app through easy to follow instruction tutorials with images.