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 »

Property wrapper in Swift

Image
Property wrapper is the Swift language feature that allows us to define a custom type, that implements behavior from get and set methods, and reuse it everywhere. Declare  @propertyWrapper  keyword before we declare the type that we want to use as property wrapper. It can be  struct ,  class , or  enum . We are required to implement the  wrappedValue  property. Most of the time we declare custom  setter  and  getter  in this property. This property can be a  computed  or  stored  property. Example of @Properywrapper @propertyWrapper struct Capitalized { private(set) var text: String = "" //Declared to store the value var wrappedValue: String { get { return text } set { text = newValue.uppercased() } } } //Now use it struct User{ @Capitalized var userName: String } var user = User() user.userName = "Pawan" print(user.userName) //PAWAN 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 »