LinearBorder class

An OutlinedBorder like BoxBorder that allows one to define a rectangular (box) border in terms of zero to four LinearBorderEdges, each of which is rendered as a single line.

The color and width of each line are defined by side. When LinearBorder is used with a class whose border sides and shape are defined by a ButtonStyle, then a non-null ButtonStyle.side will override the one specified here. For example the LinearBorder in the TextButton example below adds a red underline to the button. This is because TextButton's side parameter overrides the side property of its ButtonStyle.shape.

 TextButton(
   style: TextButton.styleFrom(
     side: const BorderSide(color: Colors.red),
     shape: const LinearBorder(
       side: BorderSide(color: Colors.blue),
       bottom: LinearBorderEdge(),
     ),
   ),
   onPressed: () { },
   child: const Text('Red LinearBorder'),
 )

This class resolves itself against the current TextDirection (see Directionality). Start and end values resolve to left and right for TextDirection.ltr and to right and left for TextDirection.rtl.

Convenience constructors are included for the common case where just one edge is specified: LinearBorder.start, LinearBorder.end, LinearBorder.top, LinearBorder.bottom.