Torugo Widgets #

A Flutter UI toolkit featuring a custom shadow painter that prevents shadows from bleeding through semi-transparent widget surfaces.

My initial goal in creating this library was to address a standard Flutter rendering behavior where box shadows are drawn directly behind translucent widgets.

Using a custom painter, this library renders shadows similar to HTML/CSS box-shadow specifications, preventing shadows from bleeding through semi-transparent widget bodies.

Platform support #

Index #

• Widgets
  • TContainer
  • TAnimatedContainer
• Utils
  • TAdaptiveShapes
  • TPlatform
• License

Widgets #

TContainer #

TContainer provides an adaptive rounded shape, a clipped translucent background, and shadows that do not appear through the widget body.

TContainer(
  width: 200,
  height: 200,
  color: Colors.blue.withAlpha(128),
  borderRadius: 16,
  shadows: [
    BoxShadow(
      color: Color(0x80000000),
      offset: Offset(10, 10),
      blurRadius: 3,
    ),
  ],
  child: Text('TContainer'),
);

TAnimatedContainer #

Same as TContainer, but with animated transitions.

Animation controller properties:

Properties that can be animated:

• width
• height
• borderRadius
• borderSide
• backgroundBlur
• color
• gradient
• margin
• padding
• alignment
• shadows

Utils #

TAdaptiveShapes #

A collection of methods that provides common Flutter shapes adapted to the target platform, using superellipse shapes on Apple platforms and rounded rectangles elsewhere.

shapeBorder #

Returns RoundedSuperellipseBorder on Apple platforms and RoundedRectangleBorder otherwise.

TAdaptiveShapes.shapeBorder(radius = 0.0, side = BorderSide.none, shape = TBorderShape.adaptive);

outlinedBorder #

Returns TAdaptiveShapes.shapeBorder() as OutlinedBorder.

TAdaptiveShapes.outlinedBorder(radius = 0.0, side = BorderSide.none, shape = TBorderShape.adaptive);

clipShape #

Returns ClipRSuperellipse on Apple platforms and ClipRRect otherwise.

TAdaptiveShapes.clipShape(radius = 0.0, side = BorderSide.none, shape = TBorderShape.adaptive);

TPlatform #

Web-Safe operating system checking, and device type from the screen/view size.

License #

Licensed under the MIT License.
See LICENSE file in the project root for full license information.