Site icon Flutter Packages | Pub dev Packages – Flutter Mobile App World

package allows you to draw dotted lines with Flutter

About

This package allows you to draw dotted lines with Flutter.

Usage

ParameterDefaultDescription
directionAxis.horizontalThe direction of the entire dotted line.
lineLengthdouble.infinityThe length of the entire dotted line.
lineThickness1.0The thickness of the entire dotted line.
dashLength4.0The length of the dash.
dashColorColors.blackThe color of the dash.
dashRadius0.0The radius of the dash.
dashGapLength4.0The length of the dash gap.
dashGapColorColors.transparentThe color of the dash gap.
dashGapRadius0.0The radius of the dash gap.

This can be used without parameters.

import 'package:dotted_line/dotted_line.dart';

DottedLine()

You can also customize by specifying parameters.

import 'package:dotted_line/dotted_line.dart';

DottedLine(
  direction: Axis.horizontal,
  lineLength: double.infinity,
  lineThickness: 1.0,
  dashLength: 4.0,
  dashColor: Colors.black,
  dashRadius: 0.0,
  dashGapLength: 4.0,
  dashGapColor: Colors.transparent,
  dashGapRadius: 0.0,
)

Example

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

Download draw dotted lines package source code on GitHub

https://github.com/umechanhika/dotted_line

Exit mobile version