responsive_notebook_background

Last updated:

0 purchases

responsive_notebook_background Image
responsive_notebook_background Images
Add to Cart

Description:

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

License:

For personal and professional use. You cannot resell or redistribute these repositories in their original state.

Files In This Product:

Customer Reviews

There are no reviews.