material_neumorphic_indicator 1.1.3 copy "material_neumorphic_indicator: ^1.1.3" to clipboard
material_neumorphic_indicator: ^1.1.3 copied to clipboard

A Flutter package for creating Neumorphic indicator.

Material Neumorphic Indicator #

Part of Material Neumorphic widgets suit.

Usage #

An indicator is a horizontal / vertical bar that display a percentage

Like a ProgressBar, but with an [orientation] @see [NeumorphicIndicatorOrientation]

enum NeumorphicIndicatorOrientation { vertical, horizontal }

it takes a [padding], a [width] and [height]

the current accented roundrect use the [percent] field

Widget _buildIndicators() {
    final width = 14.0;

    return SizedBox(
        height: 130,
        child: Row(
            mainAxisAlignment: MainAxisAlignment.center,
            children: <Widget>[
                NeumorphicIndicator(
                    width: width,
                    percent: 0.4,
                ),
                SizedBox(width: 10),
                NeumorphicIndicator(
                    width: width,
                    percent: 0.2,
                ),
                SizedBox(width: 10),
                NeumorphicIndicator(
                    width: width,
                    percent: 0.5,
                ),
                SizedBox(width: 10),
                NeumorphicIndicator(
                    width: width,
                    percent: 1,
                ),
            ],
        ),
    );
}