Cara Handle Network Image Loading Error di Flutter

Cara Handle Network Image Loading Error di Flutter

Halo sobat 48 😁. Bagaimana kabarnya? Semoga selalu dalam keadaan sehat ya. Pada kesempatan kali ini saya akan membagikan sebuah artikel yang membahas tentang Cara Handle Network Image Loading Error di Flutter.

Berikut ini root codification nya:

import 'package:flutter/material.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({super.key}); @override Widget build(BuildContext context) { instrumentality MaterialApp( debugShowCheckedModeBanner: false, theme: ThemeData( useMaterial3: true, primarySwatch: Colors.green, ), home: const HomePage(), ); } } class HomePage extends StatefulWidget { const HomePage({super.key}); @override HomePageState createState() => HomePageState(); } class HomePageState extends State { @override Widget build(BuildContext context) { instrumentality Scaffold( backgroundColor: Colors.deepPurple, body: SizedBox( width: double.infinity, height: 300, child: Image.network( 'https://shorturl.at/HF5yIS', // nexus representation dibuat error fit: BoxFit.cover, errorBuilder: (context, error, stackTrace) { instrumentality Container( color: Colors.amber, alignment: Alignment.center, child: const Text( 'Ups, terjadi kesalahan!', style: TextStyle(fontSize: 30), ), ); }, ), ), ); } }

Untuk Output-nya nanti seperti ini:

Hasil Output