Show image in Flutter

 



Load image from Asset

Image.asset("assets/images/blogcover.jpeg",
              height: 150, width: 150, fit: BoxFit.cover)

Image from https://knowyourmeme.com/

Crashed?????



Yes you have to add an image on pubspec.yaml file for more detail visit: https://flutter.dev/docs/development/ui/assets-and-images


Load image from URL

Image.network(
              'http://www......png',
              height: 150,
              width: 150,
              fit: BoxFit.cover),

To set image round we have multiple options


 CircleAvatar with border
CircleAvatar(
            radius: 55, //for border
            backgroundColor: Colors.red, //for border width
            child: CircleAvatar(
              radius: 50,
              backgroundImage: AssetImage("assets/images/blogcover.jpeg"),
            ),
          ),
Container with BoxDecoration
Container(
            width: 150,
            height: 150,
            decoration: BoxDecoration(
              shape: BoxShape.circle,
              border: Border.all(color: Colors.black, width: 2),
              image: DecorationImage(
                  image: AssetImage("assets/images/blogcover.jpeg"),
                  fit: BoxFit.fill),
            ),
          )


Thanks for reading, Happy Coding 👨‍💻

Popular posts from this blog

Frame vs bounds in Swift

Image
1 ,  Frame The  frame  of an  UIView  is the  rectangle , expressed as a location (x,y) and size (width, height) relative to the superview it is contained within. In short ,  a view's location and size using the  parent view's coordinate system 2 ,  Bounds The  bounds  of an  UIView  is the  rectangle , expressed as a location (x,y) and size (width, height) relative to its own coordinate system (0,0).   In short ,  a view's location and size using  its own coordinate system Example: Frame origin = ( 40 , 60 ) width = 80 height = 130 Bounds origin = ( 0 , 0 ) width = 80 height = 130 Thanks for reading, Happy Coding  👨‍💻  
Continue Reading »

DateFomatter in Swift

Image
Apple Says A formatter that converts between dates and their textual representations. In simple word It is a class that can take a Date, and output a String describing that time/date as its format instructions dictate. In other words, it has a few pretty useful built-in formats, and the capability to accept a custom date format string. It helps to convert date to string and also helps from string to date Example of Date to String let date : Date = Date () let dateFormatter = DateFormatter () dateFormatter . dateFormat = "MM/dd/yyyy" let todaysDate = dateFormatter . string ( from : date ) //Output will be 05/04/2019 Example of String to Date let dateFormatter = DateFormatter () dateFormatter . dateFormat = "MM/dd/yyyy" let dateObj = dateFormatter . dateFromString ( "05/04/2019" ) More formatter Sunday , Apr 07 , 2019 --> EEEE , MMM d , yyyy 07 / 04 / 2019 -...
Continue Reading »

CustomStringConvertible in Swift

Image
Apple says: " A type with a customized textual representation.  Types that conform to the CustomStringConvertible protocol can provide their own representation to be used when converting an instance to a string. The String(describing:) initializer is the preferred way to convert an instance of any type to a string " CustomStringConvertible is a protocol and it's used print informative data of your object. Ok So let's start class Employee{ let name: String let surname: String init(name: String, surname: String) { self.name = name self.surname = surname } } let emp = Employee(name: "Pawan", surname: "Manjani") print(emp) So here if you print your class instance then it will print like below <YourProjectName.Employee: 0x60000152b240> So what we see here is not very informative, So if you want to print a readable data over here so here CustomStringConvertible  will help yo...
Continue Reading »