Flutter Breadcrums

This package helps in creation of Flutter Breadcrum similar to the html/css Breadcrum.

Simple Usage

To use this plugin, add flutter_breadcrums aas a dependency in your pubspec.yaml file.

Example

import 'package:flutter_breadcrums/flutter_breadcrums.dart';
    ListView(
            scrollDirection: Axis.horizontal,
            children: ['Item 1','Item 2','Item 3'].map((e) {
            return BreadCrum(
                title: e,
                widthFactor: 0.9,
                width: 100,
                style: Style.angled,
                onPressed: () {
                    print(e);
                });
            }).toList(),
        )

Code Generator (Example App)

To try demo or genrate code build apk of example app

Design ViewCode View
DesignCode

Attributes

AttributeTypeDefaultDescription
titleStringTitlenull child will overwrite by title
onPressed()nullThis will trigger when breadcrum is pressed
paddingEdgeInsetsGeometryconst EdgeInsets.fromLTRB(20.0, 3, 20.0, 3)Padding between child and breadcrum edge
marginEdgeInsetsGeometryconst EdgeInsets.symmetric(horizontal: 5)Margin ardound breadcrum
radiusdouble20Tapering width of angled,circle,etc bareadcrum style
widthdouble80Width of the breadcrum
childWidgetnullBy default it is false, if provided it will overwrite title
colorsList<Color>const [Colors.orangeAccent, Colors.yellow]gradient colors
widthFactordouble0.8Widthfactor (Overlapping factor) is defined how much part should overlap on previous child
styleStyleStyle.Angledthis defines the shape of breadcrum

Available Styles are :

Style TypeImage
Style.AngledAngled
Style.CapsuleCapsule
Style.CapsuleCurveCapsule Curved
Style.Rectrect
Style.Arrowarrow
Style.Ovaloval
Style.RocketRocket

Libraries

flutter_breadcrums