pixel_perfect 1.0.7 copy "pixel_perfect: ^1.0.7" to clipboard
pixel_perfect: ^1.0.7 copied to clipboard

outdated

Development tool that helps you make your flutter application "pixel perfect"

pixel_perfect #

Pub License: MIT style: effective dart PRs Welcome

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.

demo1 demo2

Getting started #

Add pixel_perfect in your pubspec.yaml dependencies.

dependencies:
 pixel_perfect: any

How To Use #

Simple use

Add assets folder with images to your pubspec.yaml

  uses-material-design: true
  assets:
    - assets/

Import the following package in your dart file

import 'package:pixel_perfect/pixel_perfect.dart';

return PixelPerfect(
  assetPath: 'assets/design.png', // path to your asset image
  child: Scaffold(
    ..
  )
)

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)
  child: Scaffold(
    ..
  )
)
220
likes
0
pub points
92%
popularity

Publisher

verified publisherkherel.com

Development tool that helps you make your flutter application "pixel perfect"

Repository (GitHub)
View/report issues

License

unknown (license)

Dependencies

flutter

More

Packages that depend on pixel_perfect