createBorderSide static method

BorderSide createBorderSide(
  1. BuildContext? context,
  2. {Color? color,
  3. double? width}
)

Computes the BorderSide that represents a divider.

If color is null, then DividerThemeData.color is used. If that is also null, then if ThemeData.useMaterial3 is true then it defaults to ThemeData.colorScheme's ColorScheme.outlineVariant. Otherwise ThemeData.dividerColor is used.

If width is null, then DividerThemeData.thickness is used. If that is also null, then this defaults to 0.0 (a hairline border).

If context is null, the default color of BorderSide is used and the default width of 0.0 is used.

This example uses this method to create a box that has a divider above and below it. This is sometimes useful with lists, for instance, to separate a scrollable section from the rest of the interface.
link
DecoratedBox(
  decoration: BoxDecoration(
    border: Border(
      top: Divider.createBorderSide(context),
      bottom: Divider.createBorderSide(context),
    ),
  ),
  // child: ...
)

Implementation

static BorderSide createBorderSide(BuildContext? context, { Color? color, double? width }) {
  final DividerThemeData? dividerTheme = context != null ? DividerTheme.of(context) : null;
  final DividerThemeData? defaults = context != null
    ? Theme.of(context).useMaterial3 ? _DividerDefaultsM3(context) : _DividerDefaultsM2(context)
    : null;
  final Color? effectiveColor = color ?? dividerTheme?.color ?? defaults?.color;
  final double effectiveWidth =  width ?? dividerTheme?.thickness ?? defaults?.thickness ?? 0.0;

  // Prevent assertion since it is possible that context is null and no color
  // is specified.
  if (effectiveColor == null) {
    return BorderSide(
      width: effectiveWidth,
    );
  }
  return BorderSide(
    color: effectiveColor,
    width: effectiveWidth,
  );
}