image types

main.dart

import 'package:flutter/material.dart';

main(List<String> args) {
  runApp(MaterialApp(
    home: new Scaffold(
      appBar: AppBar(
        title: Text("Flutter Dersleri"),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: () {},
        child: Icon(Icons.add),
      ),
      body: Column(
        children: <Widget>[containerImageTypes(), rowImageTypeWidget(), Expanded(child: fadeInImage())],
      ),
    ),
  ));
}

Widget fadeInImage() {
  return Container(
    margin: EdgeInsets.all(2),
    color: Colors.red,
    child: Column(
      children: <Widget>[
        Expanded(
          child: FadeInImage.assetNetwork(
              placeholder: "assets/images/loading.gif",
              image:
                  "https://images.unsplash.com/photo-1592572234384-e5aa65e51860?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=334&q=80"),
        ),
        Text("FadeinImage"),
      ],
    ),
  );
}

Row rowImageTypeWidget() {
  return Row(
    mainAxisAlignment: MainAxisAlignment.spaceEvenly,
    children: <Widget>[
      Expanded(
        child: Container(
          margin: EdgeInsets.all(2),
          color: Colors.red,
          child: Column(
            mainAxisAlignment: MainAxisAlignment.spaceEvenly,
            children: <Widget>[
              Container(
                child: Image.asset("assets/images/flutterlogo.png"),
              ),
              Text("Asset İmage"),
            ],
          ),
        ),
      ),
      Expanded(
        child: Container(
          margin: EdgeInsets.all(2),
          color: Colors.red,
          child: Column(
            mainAxisAlignment: MainAxisAlignment.spaceEvenly,
            children: <Widget>[
              Container(
                child: Image.network(
                    "https://images.unsplash.com/photo-1592572234384-e5aa65e51860?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=334&q=80"),
              ),
              Text("Network Image"),
            ],
          ),
        ),
      ),
      Expanded(
        child: Container(
          margin: EdgeInsets.all(2),
          color: Colors.red,
          child: Column(
            mainAxisAlignment: MainAxisAlignment.spaceEvenly,
            children: <Widget>[
              Container(
                child: CircleAvatar(
                  backgroundImage: NetworkImage(
                      "https://images.unsplash.com/photo-1592572234384-e5aa65e51860?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=334&q=80"),
                ),
              ),
              Text("Circle avatar"),
            ],
          ),
        ),
      )
    ],
  );
}

Container containerImageTypes() {
  return Container(
    alignment: Alignment.center,
    child: Text(
      "Image Türleri",
      style: TextStyle(fontSize: 25),
    ),
  );
}