guide_widget

guide_widget is a new Flutter widget,which support you customization whatever you want.

Getting Started


How to Use

# add this line to your dependencies
guide_widget: ^1.0.1
import 'package:guide_widget/guide_widget.dart';

        GuideWidget(
                  images: urls,
                  selectedColor: const Color(0xff1BB754),
                  unSelectedColor: Colors.white,
                  circleRadius: 10.0,
                  indicatorPaddingBottom: 10.0,
                  indicatorStyle: IndicatorStyle.CIRCLE,
                  enter: RaisedButton(
                    color: const Color(0xff1BB754),
                    onPressed: () {
                      // TODO 
                    },
                    textColor: Colors.white,
                    child: Text('Enter app'),
                    shape: RoundedRectangleBorder(
                        borderRadius: BorderRadius.all(Radius.circular(8))),
                  ))

API

propertydescriptiondefaultValue
imagesList
selectedColorColorColor(0xff1BB754)
unSelectedColorColorColors.white
indicatorStyleenumIndicatorStyle.CIRCLE
circleRadiusdouble10.0
ellipticalWidthdouble: when 'indicatorStyle' property is IndicatorStyle.ELLIPTICAL valid16.0
ellipticalHeightdouble: when 'indicatorStyle' property is IndicatorStyle.ELLIPTICAL valid8.0
cornerRadiusdouble10.0
indicatorPaddingBottomdouble10.0
enterWidget: whatever you want widget,such as 'enter immediately' button

GitHub

Libraries

guide_widget