Flutter Loads Image from XAMPP Server

Asked Jan 20 '23 at 06:14

Active Jan 20 '23 at 08:07

Viewed 93 times

@override
Widget build(BuildContext context) {
return Scaffold(
  body: ListView(
    children: [
      HomeHeaderWidget(), // Home Widgets ada di HomeWidget.dart
      Container(
        height: 150,
        width: 240,
        alignment: Alignment.center,
        margin: EdgeInsets.only(top: 15, bottom: 15),
        child: Image?.network(
          "http://localhost/php_ecommerce/assets/Produk/alpukat.jpg",
          fit: BoxFit.cover,
          scale: 1,
        ),
      ),
    ],
  ),
 );
}

I try to load image from Localhost which runs from XAMPP, but i can't load the image file to flutter web project. I use flutter web to make it work, so the image can show up to web interface.

Image runs in Localhost url

Flutter loads the image

Please help me to give solutions for loading the image in flutter web project. The image comes from Localhost which works in XAMPP