AnimatedConnectingButtonWidget

AnimatedConnectingButtonWidget is a simple and customizable animated connecting button widget AnimatedConnectingButtonWidget

The source code is 100% Dart.

Motivation

I need some clean animated connectingbuttong widget my Flutter application.

Getting started

Installing

Add this to your package’s pubspec.yaml file:

This library is posted in pub.dev

pubspec.yaml

dependencies:  
	animated_round_button_flutter: ^1.0.0

Usage

After Importing this library, you can directly use this view in your Widget tree

import 'package:animated_round_button_flutter/animated_round_button_flutter.dart';

AnimatedConnectingButtonWidget(
          width: 220,
          height: 220,
          onConnectingButtonTap: () {
            print("got button clicked");
          },
          buttonText: TextSpan(
              text: 'GO', style: TextStyle(color: Colors.black, fontSize: 32)),
        )

Customization

Depending on your view you may want to tweak the UI. For now you can these custom attributes

Screenshots

Contributing

1. Fork it (https://github.com/sorbh/animated_round_button_flutter/fork)
2. Create your feature branch (git checkout -b feature/fooBar)
3. Commit your changes (git commit -am 'Add some fooBar')
4. Push to the branch (git push origin feature/fooBar)
5. Create a new Pull Request

Download animated round button source code on GitHub

Flutterappworld

Provides the list of the opensource Flutter apps collection with GitHub repository.