Yu Tant

Home
flutter

Flutter : Image Widget

Sampai kita pada pengenalan "how to using image in flutter?". Oke kawan kawan sebelumnya kita kenali dulu bahwa penggunaan image kita harus tahu dulu apa saja sumber / Providernya. jadi pada flutter dijelaskan ada 4 provider yang bisa digunakan.

penggunaan widget image :

  1. Memory 👈 paling cepat diakses tapi juga butuh konversi file menjadi data, misal file PNG dirubah ke data.
  2. Asset 👈 Nah ini paling cepat kedua karena imagenya sudah ter konfigurasi pada aplikasi.
  3. File 👈 yang ini tentunya sedikit lambat untuk diakses karena aplikasi kita akan mencari berdasarkan path file image di device.
  4. Network 👈 Network ini paling lambat karena load file berdasarkan URL secara gitu harus terkoneksi dengan internet lah ya. 






Berikut sample penggunaan kode :

import 'package:flutter/material.dart';

void main() {
  runApp(YtnOnImg());
}

class YtnOnImg extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
        debugShowCheckedModeBanner: false,
        home: Scaffold(
          appBar: AppBar(
            title: Text("yTn : Image"),
            centerTitle: true,
          ),
          body: Center(
            child: Container(
              height: 350,
              width: 300,
              color: Colors.amber,
              child: Image.asset(
                "images/images.png",
                fit: BoxFit.cover,
              ),
              // child: Image(
              //   fit: BoxFit.cover,
              //   image: AssetImage("images/images.png"),
              //   // image: NetworkImage('https://picsum.photos/id/4/350/300'),
              // ),
            ),
          ),
        ));
  }
}