A responsive frontend material framework designed to emulate the behaviour of Bootstrap.
Getting Started #
Import the Baseplate class. You can then use the widgets to build responsive layouts easily.
I've included lots of breakpoints to give as much freedom as possible. You don't have to use all. Baseplate operates on a "up to" principle. If the screen width is less than or equal to your breakpoint (and there isn't one smaller) that's the one that will be used.
It's a 12 column layout, similar to Bootstrap on the web.
[0.1.4] - 29/05/2019
- Removed deprecated Baseplate class. Please now use bpRow and bpCol instead.
- Support for max screen size added
[0.1.3] - 13/05/2019
- Added Support for
BoxConstraintsfor when the widget will be less than the screen width on responsive layouts
[0.1.2] - 06/02/2019
- Added deprecation notice to Baseplate.row and Baseplate.col methods. Calling via bpRow and bpCol is preferred as these widgets do appear in the inspector.
- Updated example.
[0.1.1] - 06/02/2019
- Fixed logical error causing padding to display incorrectly when wrapping onto two rows.
[0.1.0] - 06/02/2019
- Switched to FractionallySizedBoxes to enable nesting of rows. Could break layouts on some devices hence the version increase.
[0.0.3] - 06/02/2019
- Removed unnecessary named parameters on the row constructor.
- License added.
[0.0.1] - 06/02/2019.
- Initial Release. See readme.md
Use this package as a library
1. Depend on it
Add this to your package's pubspec.yaml file:
dependencies: baseplate: ^0.1.4
2. Install it
You can install packages from the command line:
$ flutter pub get
Alternatively, your editor might support
flutter pub get.
Check the docs for your editor to learn more.
3. Import it
Now in your Dart code, you can use:
Describes how popular the package is relative to other packages. [more]
Code health derived from static analysis. [more]
Reflects how tidy and up-to-date the package is. [more]
Weighted score of the above. [more]
We analyzed this package on Jan 21, 2020, and provided a score, details, and suggestions below. Analysis was completed with status completed using:
- Dart: 2.7.0
- pana: 0.13.4
- Flutter: 1.12.13+hotfix.5
lib/baseplate.dart. (-2.48 points)
lib/baseplate.dart reported 5 hints:
line 11 col 7: This class (or a class which this class inherits from) is marked as '@immutable', but one or more of its instance fields are not final: bpCol.w360, bpCol.w540, bpCol.w720, bpCol.w1024, bpCol.w1200, bpCol.w1500, bpCol.w2000, bpCol.w2500, bpCol.child, bpCol.colCount, bpCol.gutter, bpCol.colWidth, bpCol.leftPadding, bpCol.rightPadding
line 11 col 7: Name types using UpperCamelCase.
line 86 col 7: Name types using UpperCamelCase.
line 108 col 9: The value of the local variable 'i' isn't used.
line 225 col 9: The value of the local variable 'screenWidth' isn't used.
Maintain an example.
None of the files in the package's
example/ directory matches known example patterns.
Common filename patterns include
baseplate.dart. Packages with multiple examples should provide
For more information see the pub package layout conventions.