how to load Image in flutter

Load Image via URL

Image.network(
            'https://kidlingoo.com/wp-content/uploads/flowers_name_in_english.jpg',
             width: 300,  // Set width
         height: 200, // Set height
         fit: BoxFit.cover,
         
            loadingBuilder: (context, child, loadingProgress) {
              if (loadingProgress == null) return child;
              return Center(
                child: CircularProgressIndicator(),
              );
            },
            errorBuilder: (context, error, stackTrace) {
              return Text("Failed to load image");
            },
          ),
          
          
          
          
          
          
          
Load Image via assets
  
  
  
  
              Image.asset(
                "assets/images/logingimg.png",
                width: 250, // Aap chahein to size adjust kar sakte hain
                height: 150,
                fit: BoxFit.cover,
              ),
  
Circle Image


CircleAvatar(
                  radius: 40,
                  backgroundImage: AssetImage("assets/images/img_1.png"), // Direct image as background
                ),
                
                
                

Post a Comment

0 Comments