pixel_perfect

Last updated:

0 purchases

pixel_perfect Image
pixel_perfect Images
Add to Cart

Description:

pixel perfect

pixel_perfect #






Put a semi-transparent image with the design over the top of the developed layout. It helps you to compare original design and current page.


Getting started #
Add pixel_perfect in your pubspec.yaml dependencies.
dependencies:
pixel_perfect: any
copied to clipboard
How To Use #
Simple use
Add assets folder with images to your pubspec.yaml
uses-material-design: true
assets:
- assets/
copied to clipboard
Import the following package in your dart file
import 'package:pixel_perfect/pixel_perfect.dart';
copied to clipboard

return PixelPerfect(
assetPath: 'assets/design.png', // path to your asset image
scale: 1 // scale value (optional)
initBottom: 20, // default bottom distance (optional)
offset: Offset.zero, // default image offset (optional)
initOpacity: 0.4 // init opacity value (optional)
child: Scaffold(
..
)
)
copied to clipboard
Extended use

return PixelPerfect.extended(
image: Image.asset( // any image file
'assets/element.png',
scale: 2,
),
initBottom: 20, // default bottom distance (optional)
offset: Offset.zero, // default image offset (optional)
initOpacity: 0.4 // init opacity value (optional)
child: Scaffold(
..
)
)
copied to clipboard
Video tutorials by Learn App Code
How to Make Pixel Perfect Flutter Apps
How to Make Responsive Flutter Apps, Pixel Perfect

License:

For personal and professional use. You cannot resell or redistribute these repositories in their original state.

Customer Reviews

There are no reviews.