Argon Button:
Video:
Code:
import 'package:flutter/material.dart';
import 'package:argon_buttons_flutter/argon_buttons_flutter.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
debugShowCheckedModeBanner: false,
home: ArgonButtonExample(),
);
}
}
class ArgonButtonExample extends StatelessWidget {
const ArgonButtonExample({Key key}) : super(key: key);
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text("Argon Button"),
backgroundColor: Colors.red,
),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
//resend OTP
ArgonTimerButton(
height: 50,
width: MediaQuery.of(context).size.width * 0.45,
minWidth: MediaQuery.of(context).size.width * 0.30,
highlightColor: Colors.transparent,
highlightElevation: 0,
roundLoadingShape: false,
onTap: (startTimer, btnState) {
if (btnState == ButtonState.Idle) {
startTimer(8);
}
},
child: Text(
"Resend OTP",
style: TextStyle(
fontSize: 18,
fontWeight: FontWeight.w700,
),
),
loader: (timeLeft) {
return Text(
"Wait | $timeLeft",
style: TextStyle(
color: Colors.black,
fontSize: 18,
fontWeight: FontWeight.w700,
),
);
},
borderRadius: 5,
color: Colors.transparent,
elevation: 0,
borderSide: BorderSide(color: Colors.black, width: 2),
),
SizedBox(
height: 70,
),
//Send OTP
ArgonTimerButton(
height: 50,
width: MediaQuery.of(context).size.width * 0.45,
onTap: (startTimer, btnState) {
if (btnState == ButtonState.Idle) {
startTimer(8);
}
},
child: Text(
"Send OTP",
style: TextStyle(
color: Colors.white,
fontSize: 18,
fontWeight: FontWeight.w700,
),
),
loader: (timeLeft) {
return Container(
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(50)),
margin: EdgeInsets.all(5),
alignment: Alignment.center,
width: 40,
height: 40,
child: Text(
"$timeLeft",
style: TextStyle(fontSize: 20, fontWeight: FontWeight.w700),
),
);
},
borderRadius: 5,
color: Colors.blue,
),
SizedBox(
height: 70,
),
//Continue
ArgonButton(
height: 50,
width: MediaQuery.of(context).size.width * 0.45,
minWidth: MediaQuery.of(context).size.width * 0.30,
roundLoadingShape: false,
onTap: (startLoading, stopLoading, btnState) {
if (btnState == ButtonState.Idle) {
startLoading();
} else {
stopLoading();
}
},
child: Text(
"Continue",
style: TextStyle(
color: Colors.white,
fontSize: 20,
fontWeight: FontWeight.w700,
),
),
loader: Text(
"Loading...",
style: TextStyle(
color: Colors.white,
fontSize: 20,
fontWeight: FontWeight.w700,
),
),
borderRadius: 5,
color: Colors.green,
),
],
),
),
);
}
}
0 Comments