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

Import it:

import 'package:responsive_notebook_background/responsive_notebook_background.dart';

Example:

const ResponsiveNotebookBackground(
    options: ResponsiveNotebookBackgroundOptions(),
    child: Text('Lorem ipsum dolor sit amet.'),
);

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,
    ),
);