GF Image

GFImage typically manages assets and dispalys the images
Image

Images

Asset Image

Asset image is used to display the images stored locally in the assets folder.

import 'package:getwidget/getwidget.dart';
GFImageOverlay(
height: 200,
width: 300,
image: AssetImage('your asset image')
)

Network Image

Network image is used to display an image from the internet.

import 'package:getwidget/getwidget.dart';
GFImageOverlay(
height: 200,
width: 300,
image: NetworkImage('your network image')
)

Image Overlay

Image Overlay

Image Overlay is used to set the image in the background and text in the foreground with the colorFilter property that takes two colors, and outputs one color

import 'package:getwidget/getwidget.dart';
GFImageOverlay(
height: 200,
width: 300,
child: Center(
child: Text('Light Overlay', style:TextStyle(color:getGFColor(GFColor.white))
),
colorFilter: new ColorFilter.mode(
Colors.black.withOpacity(0.20),
BlendMode.darken),
image: AssetImage('your asset image')
)

Circular Image

Circular Image
import 'package:getwidget/getwidget.dart';
GFImageOverlay(
height: 200,
width: 200,
shape: BoxShape.circle,
image:AssetImage('your asset image')
)

Custom Properties

height

defines the height of the image

width

defines the width of the image

color

defines the background color of the image

margin

image's outer container margin

padding

image's outer container padding

alignment

to align the child within the image

boxFit

how to image should be inscribed into the box

borderRadius

the corners of the image

border

the border above the image