baseplate 0.1.4

  • Readme
  • Changelog
  • Installing
  • 64

baseplate #

A responsive frontend material framework designed to emulate the behaviour of Bootstrap.

Getting Started #

Full documentation on the Wiki

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 BoxConstraints for 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

Use this package as a library

1. Depend on it

Add this to your package's pubspec.yaml file:

  baseplate: ^0.1.4

2. Install it

You can install packages from the command line:

with Flutter:

$ 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:

import 'package:baseplate/baseplate.dart';
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]
Learn more about scoring.

We analyzed this package on Apr 1, 2020, and provided a score, details, and suggestions below. Analysis was completed with status completed using:

  • Dart: 2.7.1
  • pana: 0.13.6
  • Flutter: 1.12.13+hotfix.8

Health suggestions

Fix lib/baseplate.dart. (-2.48 points)

Analysis of 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.

Maintenance suggestions

Maintain an example.

None of the files in the package's example/ directory matches known example patterns.

Common filename patterns include main.dart, example.dart, and baseplate.dart. Packages with multiple examples should provide example/

For more information see the pub package layout conventions.


Package Constraint Resolved Available
Direct dependencies
Dart SDK >=2.0.0-dev.68.0 <3.0.0
flutter 0.0.0
Transitive dependencies
collection 1.14.11 1.14.12
meta 1.1.8
sky_engine 0.0.99
typed_data 1.1.6
vector_math 2.0.8
Dev dependencies