Pakete, Repositories und App-Kategorien suchen

ducafecatFlutter-Ökosystem
Cover von flutter_awesome_buttons
Paketdetailsv1.1.0

flutter_awesome_buttons

Ein neues Flutter-Paketprojekt.

AndroidiOSWebmacOSWindowsLinux
pub.dev API-Dokumentation Quellcode
30-Tage-Downloads
126
Likes
34
Pub-Punkte
110

Paket installieren

flutter pub add flutter_awesome_buttons

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Ein Flutter-Paket, das eine Sammlung visuell ansprechender und anpassbarer Buttons für mobile, Web- und Desktop-Anwendungen bereitstellt. Entwickelt, um Benutzeroberflächen mit modernen, animierten Button-Stilen zu verbessern, unterstützt es verschiedene Themen und interaktive Rückmeldungen. Das Paket ist einfach zu integrieren und ideal für Entwickler, die die ästhetische Qualität der Benutzeroberfläche ihrer App ohne umfangreiche individuelle Codierung verbessern möchten. Es funktioniert auf allen wichtigen Plattformen, einschließlich Android, iOS, Web, macOS, Windows und Linux.

Anwendungsfälle

  • Verbesserung der App-Oberfläche mit stilvollen Schaltflächen
  • Interaktive Aktionselemente erstellen
  • Animationen zu Standard-Schaltflächen hinzufügen
  • Verbesserung der Benutzerengagement durch visuelle Rückmeldung
  • Reaktive Formulare mit ansprechenden Steuerelementen erstellen

Hauptmerkmale

  • Vordefinierte animierte Button-Vorlagen
  • Anpassbare Farben und Größen
  • Plattformübergreifende Kompatibilität
  • Einfache Integration über pub.dev
  • Unterstützung für Touch- und Hover-Effekte

Geeignet für

  • UI/UX-Designer, die mit Flutter arbeiten
  • Entwickler, die Apps mit modernem Ästhetik entwickeln
  • Projekte, die ansprechende interaktive Elemente erfordern
  • Anfänger lernen Flutter UI-Komponenten
  • Anwendungen für mehrere Plattformen

Hinweise

  • Kann die Bundle-Größe leicht erhöhen
  • Grundkenntnisse des Flutter-Layouts erforderlich
  • Begrenzte Anpassungsmöglichkeiten jenseits der bereitgestellten Themen
  • Nicht geeignet für hochkomplexe Button-Logik
  • Am besten mit einem konsistenten Design-System verwenden

Original-README

Originaler README-Schnappschuss aus dem verknüpften Quell-Repository. Aktuelle Inhalte finden Sie im Repository.

flutter_buttons

A new Flutter package project for createing Buttons.

Show some :heart: and star the repo to support the project
Screenshot Screenshot

Buttons

import 'package:flutter/material.dart';
import 'package:flutter_buttons/flutter_buttons.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: HomePage()
    );
  }
}

class HomePage extends StatefulWidget {
  @override
  _HomePageState createState() => _HomePageState();
}

class _HomePageState extends State<HomePage> {
  var testing = "123";
  @override
  Widget build(BuildContext context) {
    return Scaffold(
          appBar: AppBar(
            title: Text("Flutter Buttons"),
          ),
          body: ListView(
            children: <Widget>[
              Row(
                children: <Widget>[

Success Button

                 SuccessButton(
                   title: "Success Button",
                   onPressed: () {
                     
                   },
                 ),
                 SizedBox(width: 2.0,),

Danger Button

                 DangerButton(
                   title: "Danger Button",
                   onPressed: () {
                      
                   },
                 ),
                SizedBox(width: 2.0,),

Primary Button

                 PrimaryButton(
                   title: "Primary Button",
                   onPressed: () {                       
                   },
                 ),
                SizedBox(width: 2.0,),

Warning Button

                 WarningButton(
                   title: "Warning Button",
                   onPressed: () {                       
                   },
                 ),
                      
               ],
             ),
             Row(
               children: <Widget>[

Disabled Button

                 DisabledButtton(
                   onPressed: (){},
                   title: "Disabled Button",
                 ),
                  SizedBox(width: 2.0,),

Dark Button

               DarkButtton(
                 onPressed: (){},
                 title: "Dark Button",
               ),

ButttonWithIcon Button (we can use both button and icon in this button)

                ButttonWithIcon(icon: Icons.local_cafe,title: "Icon Button",onPressed: (){},),

Floating Icon Button

                FloatingIconButton(
                  icon: Icons.home,
                  onPressed: (){},
                ),
                FloatingIconButton(
                  icon: Icons.home,
                  onPressed: (){},
                  buttonColor: Colors.orange,
                )
                ],
              )
              ,Row(
                children: <Widget>[
                   SizedBox(width: 2,)

Line Buttons

                  PrimaryLineButton(
                    onPressed: (){},
                    title: "Line Button",
                  ),
                  SizedBox(width: 2,),
                  DefaultLineButton(
                    onPressed: (){},
                    title: "Default Line Button",
                  ),
                  SecoundaryLineButton(
                    onPressed: (){},
                    title: "Secoundary Line Button",
                  ),
                             
                  InfoLineButton(
                    onPressed: (){},
                    title: "Info Line Button",
                  ),
                ],
              ),
              Row(children: <Widget>[
              
                SuccessLineButton(
                    onPressed: (){},
                    title: "Success Line Button",
                  ),    
                
                  WarningLineButton(
                    onPressed: (){},
                    title: "Warning Line Button",
                  ),
                  DangerLineButton(
                    onPressed: (){},
                    title: "Danger Line Button",
                  ),
              ],),
              Row(
                children: <Widget>[

Rounded Button

                  RoundedButton(
                    onPressed: (){},
                    title: "Rounded Button",
                  ),
                   RoundedButtonWithIcon(
                    onPressed: (){},
                    icon:Icons.title,
                    title: "Rounded Button With Icon",
                    buttonColor: Colors.green,
                  ),
                  RoundedButtonWithIcon(
                    onPressed: (){},
                    icon:Icons.home,
                    title: "Home",
                    buttonColor: Colors.blueGrey,
                  )
                ,InfoButtton(
                    onPressed: (){},                   
                    title: "Info Button",                    
                  ),                               
                ],
              ),
              Row(
                children: <Widget>[
                  SecondaryButtton(
                    onPressed: (){},                   
                    title: "Secondary Button",                    
                  ),

Social Buttons

                  FacebookButton(onPressed: (){},),
                   TwitterButton(onPressed: (){},),
                   GithubButton(onPressed: (){},),
                   InstagramButton(onPressed: (){},),
                   LinkedinButton(onPressed: (){},),
                   MicrosoftButton(onPressed: (){},),
                   GoogleButton(onPressed: (){},),
                ],
              )
              ,Column(
                children: <Widget>[
                  Row(
                       children: <Widget>[

Gredient Buttons

                          GredientButton(onPressed: (){},
                  splashColor: Colors.orange,
                  colors: [
                    Colors.red,
                    Colors.orange,                    
                  ], title: "Gredient Button",),
                  GredientButton(onPressed: (){},
                  splashColor: Colors.orange,
                  colors: [
                    Colors.blue,
                    Colors.blueGrey,                    
                  ], title: "Gredient Button",),
                  GredientButton(onPressed: (){},
                  splashColor: Colors.orange,
                  colors: [
                    Color(0xFFC33764),
                    Color(0xFF1D2671),
                  ], title: "Gredient Button",),
                  GredientButton(onPressed: (){},
                  splashColor: Colors.orange,
                  colors: [
                    Color(0xFFF7971E),
                    Color(0xFFFFD200),
                  ], title: "Gredient Button",),
                       ],
                  ),

Sign in Buttons

                  Padding(
                    padding: EdgeInsets.symmetric(horizontal: 100),
                    child: SignInWithEmail(onPressed: (){},),
                  ),
                  SizedBox(height: 4.0,),

                  Padding(
                    padding: EdgeInsets.symmetric(horizontal: 100),
                    child: SignInWithGoogle(onPressed: (){},),
                  ),
                  SizedBox(height: 4.0,),
                  Padding(
                    padding: EdgeInsets.symmetric(horizontal: 100),
                    child: SignInWithMicrosoft(onPressed: (){},),
                  ),
                  SizedBox(height: 4.0,),
                  Padding(
                    padding: EdgeInsets.symmetric(horizontal: 100),
                    child: SignInWithApple(onPressed: (){},),
                  ),
                  SizedBox(height: 4.0,),
                  Padding(
                    padding: EdgeInsets.symmetric(horizontal: 100),
                    child: SignInWithPinterest(onPressed: (){},),
                  ),
                   SizedBox(height: 4.0,),
                  Padding(
                    padding: EdgeInsets.symmetric(horizontal: 100),
                    child: SignInWithLinkedin(onPressed: (){},),
                  ),
                   SizedBox(height: 4.0,),
                  Padding(
                    padding: EdgeInsets.symmetric(horizontal: 100),
                    child: SignInWithFacebook(onPressed: (){},),
                  ),
                   SizedBox(height: 4.0,),
                  Padding(
                    padding: EdgeInsets.symmetric(horizontal: 100),
                    child: SignInWithTwitter(onPressed: (){},),
                  ),
                   SizedBox(height: 4.0,),
                  Padding(
                    padding: EdgeInsets.symmetric(horizontal: 100),
                    child: SignInWithInstagram(onPressed: (){},),
                  ),
                  SizedBox(height: 4.0,),
                  Padding(
                    padding: EdgeInsets.symmetric(horizontal: 100),
                    child: SignInWithGithub(onPressed: (){},),
                  ),


                ],
              )
            ],
          ));
  }
}

Kategorien

Schaltfläche und Fortschrittschaltfläche

Abhängigkeiten

Abhängigkeiten 1 Einträge

Quell-Repository

Projekte, die dieses Paket verwenden

Noch keine Daten verfügbar.