Buscar pacotes, repositórios e categorias de apps

ducafecatGuia do ecossistema Flutter
Capa de flutter_awesome_buttons
Detalhes do pacotev1.1.0

flutter_awesome_buttons

Um novo projeto de pacote Flutter.

AndroidiOSWebmacOSWindowsLinux
pub.dev Documentação da API Código-fonte
Downloads em 30 dias
126
Curtidas
34
Pontos Pub
110

Instalar pacote

flutter pub add flutter_awesome_buttons

Visão geral do pacote

Orientação gerada a partir de informações públicas. Apenas para referência.

Um pacote Flutter que fornece uma coleção de botões visualmente atraentes e personalizáveis para aplicativos móveis, web e desktop. Projetado para aprimorar interfaces do usuário com estilos modernos e animados de botões, suporta diversos temas e feedback interativo. O pacote é fácil de integrar e ideal para desenvolvedores que desejam melhorar a qualidade estética da interface do seu app sem codificação personalizada extensiva. Funciona em todas as principais plataformas, incluindo Android, iOS, Web, macOS, Windows e Linux.

Casos de uso

  • Melhorando a interface do aplicativo com botões estilizados
  • Criando elementos interativos de chamada para ação
  • Adicionando animações a botões padrão
  • Melhorando o engajamento do usuário por meio de feedback visual
  • Construindo formulários responsivos com controles atraentes

Principais recursos

  • Modelos de botão animado pré-diseñados
  • Cores e tamanhos personalizáveis
  • Compatibilidade multiplataforma
  • Integração fácil por meio do pub.dev
  • Suporte para efeitos de toque e hover

Indicado para

  • Designers de UI/UX trabalhando com Flutter
  • Desenvolvedores criando aplicativos com estética moderna
  • Projetos que exigem elementos interativos envolventes
  • Iniciantes aprendendo componentes de interface do Flutter
  • Aplicativos direcionados a múltiplas plataformas

Considerações

  • Pode aumentar levemente o tamanho do pacote
  • Requer conhecimento básico de layout do Flutter
  • Personalização limitada além dos temas fornecidos
  • Não adequado para lógica de botão altamente complexa
  • Melhor usado com um sistema de design consistente

README original

Snapshot do README original do repositório-fonte vinculado. Consulte o repositório para o conteúdo mais recente.

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: (){},),
                  ),


                ],
              )
            ],
          ));
  }
}

Categorias

Botão e botão de progresso

Dependências

Lista de dependências 1 itens

Repositório-fonte

Projetos que usam este pacote

Ainda não há dados.