# GF 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 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: GFColors.LIGHT)),
),
image: AssetImage('your asset image'),
colorFilter: new ColorFilter.mode(Colors.black.withOpacity(0.3),
BlendMode.darken),
),
# Circular Image
import 'package:getwidget/getwidget.dart';
GFImageOverlay(
height: 200,
width: 200,
shape: BoxShape.circle,
image:AssetImage('your asset image'),
boxFit: BoxFit.cover,
)
# 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 |