dotted_line 3.2.3 copy "dotted_line: ^3.2.3" to clipboard
dotted_line: ^3.2.3 copied to clipboard

This package allows you to draw dotted lines with Flutter. You can draw a beautiful dotted line.

logo.png


About #

This package allows you to draw dotted lines with Flutter.

screenshot.png

Usage #

Parameter Default Description
direction Axis.horizontal The direction of the entire dotted line.
alignment WrapAlignment.center The alignment of the entire dotted line.
lineLength double.infinity The length of the entire dotted line.
lineThickness 1.0 The thickness of the entire dotted line.
dashLength 4.0 The length of the dash.
dashColor Colors.black The color of the dash.
dashGradient null The gradient colors of the dash.
dashRadius 0.0 The radius of the dash.
dashGapLength 4.0 The length of the dash gap.
dashGapColor Colors.transparent The color of the dash gap.
dashGapGradient null The gradient colors of the dash gap.
dashGapRadius 0.0 The radius of the dash gap.

This can be used without parameters.

import 'package:dotted_line/dotted_line.dart';

DottedLine()
copied to clipboard

You can also customize by specifying parameters.

import 'package:dotted_line/dotted_line.dart';

DottedLine(
  direction: Axis.horizontal,
  alignment: WrapAlignment.center,
  lineLength: double.infinity,
  lineThickness: 1.0,
  dashLength: 4.0,
  dashColor: Colors.black,
  dashGradient: [Colors.red, Colors.blue],
  dashRadius: 0.0,
  dashGapLength: 4.0,
  dashGapColor: Colors.transparent,
  dashGapGradient: [Colors.red, Colors.blue],
  dashGapRadius: 0.0,
)
copied to clipboard

Example #

The sample code can be found under the example package. You can try changing all parameters.

302
likes
150
points
158k
downloads

Publisher

unverified uploader

Weekly Downloads

2024.09.10 - 2025.03.25

This package allows you to draw dotted lines with Flutter. You can draw a beautiful dotted line.

Repository (GitHub)

Documentation

API reference

License

BSD-3-Clause (license)

Dependencies

flutter

More

Packages that depend on dotted_line