Skip to content

welchi/material_spacing_checker

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

material_spacing_checker

A package that draws a grid to check if the widget is aligned according to the Material Design spacing method. Spacing methods - Material Design

Usage

// ..
Widget build(BuildContext context) {
    return MaterialSpacingChecker( // Add checker
      child: Scaffold(
        appBar: AppBar(),
        body: Column(
          children: List<Widget>.generate(
            10,
            (index) => MyListTile(),
          ).toList(),
        ),
      ),
    );
}
// ..

Example1

Customize lines

// ..
Widget build(BuildContext context) {
    return MaterialSpacingChecker( // Add checker
      lineColor : Colors.blue.withOpacity(0.7), // default : Colors.red.withOpacity(0.7)
      lineSpacing : 16, // default : 8(dp)
      lineWeight : 0.5, // default : 0.3
      child: Scaffold(
        appBar: AppBar(),
        body: Column(
          children: List<Widget>.generate(
            10,
            (index) => MyListTile(),
          ).toList(),
        ),
      ),
    );
}
// ..

Example2

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages