Last updated:
0 purchases
responsive notebook background
Responsive Notebook Background #
A notebook background which is responsive to the system text size settings.
Features #
Easy to use
Customizable line thickness
Customizable line color
Customizable background color
Line- and Grid-Layout
Possibility to leave blank lines on top of content
Included LineSizeBuilder to determine the height of a single line of text
Usage #
Depend on it:
dependencies:
responsive_notebook_background: ^1.0.0
copied to clipboard
Import it:
import 'package:responsive_notebook_background/responsive_notebook_background.dart';
copied to clipboard
Example:
const ResponsiveNotebookBackground(
options: ResponsiveNotebookBackgroundOptions(),
child: Text('Lorem ipsum dolor sit amet.'),
);
copied to clipboard
Customization options #
static const TextStyle _textStyle = TextStyle(
fontSize: 18,
fontWeight: FontWeight.w500,
color: Colors.brown,
);
const ResponsiveNotebookBackground(
options: ResponsiveNotebookBackgroundOptions(
blankLines: 2,
horizontalPadding: 20,
lineWidth: 2.5,
backgroundColor: Colors.black12,
lineColor: Colors.blueAccent,
lineType: LineType.line,
styleForHeightCalculation: _textStyle,
),
child: Text(
'Lorem ipsum dolor sit amet.',
style: _textStyle,
),
);
copied to clipboard
For personal and professional use. You cannot resell or redistribute these repositories in their original state.
There are no reviews.