GF Image
GFImage typically manages assets and dispalys the images
Images
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 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 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'))
import 'package:getwidget/getwidget.dart';GFImageOverlay(height: 200,width: 200,shape: BoxShape.circle,image:AssetImage('your asset image'))
| |
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 |
1
Last updated 1 month ago