how do i display an image from api in flutter

Flutter Tutorial for beginner

Hi everyone is this flutter tutorial, we learn how do I display an image from API in a flutter. So for the show image, in flutter throw to network to load image URL into the image. like you can call an API to get a response from the server and in your API response, you can get the image URL. And you want to load the image from the URL the same as that in this tutorial we learn how to display an image from the URL in a flutter.

Just follow the simple step and you can load the image for the URL throw the flutter network.

Network image in container flutter.

Let’s start to make a flutter project and build your project. After successfully build your project open your main. dar file and used it below to display the network image in a flutter.

Main.dart File Full Source code.

import 'package:flutter/material.dart';

void main() {
  runApp(MaterialApp(
    home: MyApp(),
  ));
}

class MyApp extends StatefulWidget {
  @override
  _State createState() => _State();
}

class _State extends State<MyApp> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Flutter Tutorial - codeplayon'),
      ),
      body: Center(
          child: Column(children: <Widget>[
            Text('Welcome to Flutter Tutorial on Image'),
            Image.network('http://www.codeplayon.com/image.jpg'),
          ])),
    );
  }
}