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)