adaptive_button

Description:

adaptive button

AdaptiveButton #
While AdaptiveButton is compatible with the platform, it disables the clicking feature of the button
for your asynchronous operations and displays a widget on the button while waiting.
You can easily use the AdaptiveButton on the " WEB " platform.
Getting Started #
Import the following package.
import 'package:adaptive_button/adaptive_button.dart';
copied to clipboard



iOS
iOS












Android
Android












Web








AdaptiveButton required options #
Required "Widget child" and Future<void> Function() onPressed
@override
Widget build(BuildContext context) {
return Scaffold(
body: Container(
child: AdaptiveButton(
child: Text("AdaptiveButton"),
onPressed: () async {}
),
));
}
copied to clipboard
Without loading widget #
By default it uses indicator when the loadingWidget property is empty.
@override
Widget build(BuildContext context) {
return Scaffold(
body: Container(
child: AdaptiveButton(
height: 50,
width: MediaQuery
.of(context)
.size
.width,
enabledLoading: true,
child: const Text("AdaptiveButton - Without Loading Widget"),
onPressed: () async {
await Future.delayed(const Duration(seconds: 2));
showDialog(
context: context,
builder: (context) {
return const AlertDialog(
content: Text(
"Merhaba ben AdaptiveButton bulunduğum platforma göre şekillenirim:)"),
);
},
);
},
),
));
}

copied to clipboard
Use without asynchronous #
Use without async when the enableLoading property is empty.
@override
Widget build(BuildContext context) {
return Scaffold(
body: Container(
child: AdaptiveButton(
color: Colors.amber,
child: const Text(
"AdaptiveButton",
style: TextStyle(color: Colors.black54),
),
onPressed: () async {
showDialog(
context: context,
builder: (context) {
return const AlertDialog(
content: Text(
"Merhaba ben AdaptiveButton bulunduğum platforma göre şekillenirim:)"),
);
},
);
debugPrint("AdaptiveButton Test Message");
},
),
));
}

copied to clipboard
#Sized property
You can customize the size of the AdaptiveButton using the width and height properties.
@override
Widget build(BuildContext context) {
return Scaffold(
body: AdaptiveButton(
height: 50,
width: MediaQuery
.of(context)
.size
.width,
enabledLoading: true,
loadingWidget: const SizedBox(
width: 20,
height: 20,
child: CircularProgressIndicator(
color: Colors.amber,
)),
child: const Text("AdaptiveButton - Loading"),
onPressed: () async {
await Future.delayed(const Duration(seconds: 2));
showDialog(
context: context,
builder: (context) {
return const AlertDialog(
content: Text(
"Merhaba ben AdaptiveButton bulunduğum platforma göre şekillenirim:)"),
);
},
);
},
),);
}

copied to clipboard
Features: #
AdaptiveButton:

double? width: Changes the width property of the button
double? height: Changes the height property of the button.
Widget child: Determines the widget that will appear in the button. (required)
Future<void> Function() onPressed : It is used for the action that will run when the button is clicked. (required)
bool? enabledLoading: When set to true, it displays a widget as a child of the button in asynchronous operations. It defaults to false.
Widget? loadingWidget : Sets the widget to be displayed as the child of the button while the button is loading.
Color? color : Sets the button's background color.
BorderRadius? borderRadius : Allows the corners of the button to be ovalized. It defaults to BorderRadius.circular(8)
EdgeInsetsGeometry? padding : Allows the padding. It defaults to EdgeInsets.symmetric(horizontal: 16)
EdgeInsetsGeometry? margin : Allows the margin. It defaults to EdgeInsets.zero