연결된 소스 저장소의 README 원문 스냅샷입니다. 최신 내용은 저장소에서 확인하세요.
flutter_buttons
A new Flutter package project for createing Buttons.
Show some :heart: and star the repo to support the project
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: (){},),
),
],
)
],
));
}
}
