FLUTTER ECOSYSTEM

Bwolfs2/radial_button

Bwolfs2/radial_button open-source repository details.

वृत्ताकार बटन प्रोजेक्ट कवर
Stars
10
Forks
15
अंतिम पुश (UTC)
22 सित॰ 2023
प्रोजेक्ट स्थिति
सक्रिय
Vilson Blanco Dauinheimer (Bwolf) GitHub avatar
GITHUB User

Vilson Blanco Dauinheimer (Bwolf) ↗

Flutter Developer at IConnections.io, Co-Founder Flutterando, Google For Startup Accelerator Mentor and Content Creator. https://g.dev/bwolf

भाषाएँDartKotlin

उपयोग की गई निर्भरताएँ

निर्भरता सूची 4 आइटम
  • flutter{"sdk":"flutter"}
  • rxdart^0.27.7
  • flutterando_analysisडेवलपमेंट^0.0.2
  • flutter_testडेवलपमेंट{"sdk":"flutter"}

मूल README

यह अंग्रेज़ी मूल स्नैपशॉट है। नवीनतम सामग्री GitHub पर देखें।

README खोलें / बंद करें

Buy Me A Coffee

radial_button

A new Radial Button

Start

A Flutter plugin for iOS and Android for generating radial buttons for floating action buttons and other parts.

Feedback and Pull Requests are most welcome!

Installation

Add to pubspec.yaml.

dependencies:
  ...
  radial_button: ^0.1.1
https://github.com/Bwolfs2/radial_button/raw/master/assets/1562709801.png https://github.com/Bwolfs2/radial_button/raw/master/assets/1562709828.png

Usage Example

import circle_floating_button.dart

import 'package:radial_button/widget/circle_floating_button.dart';

Samples

    var itemsActionBar = [
        FloatingActionButton(
        backgroundColor: Colors.greenAccent,
        onPressed: () {},
        child: Icon(Icons.add),
        ),
        FloatingActionButton(
        backgroundColor: Colors.indigoAccent,
        onPressed: () {},
        child: Icon(Icons.camera),
        ),
        FloatingActionButton(
        backgroundColor: Colors.orangeAccent,
        onPressed: () {},
        child: Icon(Icons.card_giftcard),
        ),
    ];
    
    //....

    CircleFloatingButton.floatingActionButton(
    items: itemsActionBar,
    color: Colors.redAccent,
    icon: Icons.ac_unit,
    duration: Duration(milliseconds: 1000),
    curveAnim: Curves.ease)

    //......

    CircleFloatingButton.completeCircle(
        items: itemsToBody,
        color: Colors.red,
        duration: Duration(milliseconds: 1000),
    curveAnim: Curves.elasticOut)

    //........

    CircleFloatingButton.semiCircle(
        items: itemsToBody,
        color: Colors.red,
        duration: Duration(milliseconds: 1000),
    curveAnim: Curves.elasticOut)