FLUTTER ECOSYSTEM

Bwolfs2/radial_button

Bwolfs2/radial_button open-source repository details.

圓形按鈕 專案封面
Stars
10
Forks
15
最近推送(UTC)
2023年9月22日
專案狀態
未封存
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

BwolfDevCaxias do Sul , RS官方網站 ↗
語言DartKotlin

使用的依賴

依賴清單 4 項

原始 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)