flutter pub add sk_alert_dialog基于插件公开信息、社区数据与项目使用情况整理的选型参考。
sk_alert_dialog 是一个高度可定制且易于使用的 Flutter 警告对话框组件，旨在通过灵活的样式和直观的配置来增强用户交互。它提供了一个强大的 API，可轻松创建响应式、视觉上吸引人的对话框，设置简单。非常适合显示通知、确认或提示，支持自定义内容、按钮和动画。该包轻量级，可无缝集成到现有的 Flutter 项目中。其开源性质鼓励社区贡献并保持透明。
以下为关联源码仓库的 README 原文快照，最新内容请访问源码仓库。
A highly customizable, powerful and easy-to-use alert dialog for Flutter.
| SKAlertDialog | Basic Alert | Alert with buttons | Alert with custom buttons |
|---|---|---|---|
 |
 |
 |
 |
| Login Form | Checkbox | Radio button | Custom Dialog |
|---|---|---|---|
 |
 |
 |
 |
You just need to add sk_alert_dialog as a dependency in your pubspec.yaml file.
dependencies:
sk_alert_dialog: ^1.0.0
import 'package:sk_alert_dialog/sk_alert_dialog.dart';
SKAlertDialog.show(
context: context,
type: SKAlertType.info,
title: 'Simple Alert',
message: 'Hi! Welcome to SKALertDialog',
onOkBtnTap: (value) {
print('Okay Button Tapped');
},
);
SKAlertDialog.show(
context: context,
type: SKAlertType.buttons,
title: 'Alert with buttons',
message: 'Shall we move to next alert?',
onOkBtnTap: (value) {
print('Okay Button Tapped');
},
onCancelBtnTap: (value) {
print('Cancel Button Tapped');
},
);
SKAlertDialog.show(
context: context,
type: SKAlertType.buttons,
title: 'Alert with custom buttons',
message: 'Do you like this package?',
okBtnText: 'YES',
okBtnTxtColor: Colors.white,
okBtnColor: const Color(0xFF3BD459),
cancelBtnText: 'NO',
cancelBtnTxtColor: Colors.white,
cancelBtnColor: const Color(0xFFFF4954),
onOkBtnTap: (value) {
print('Okay Button Tapped');
},
onCancelBtnTap: (value) {
print('Cancel Button Tapped');
},
);
SKAlertDialog.show(
context: context,
type: SKAlertType.loginform,
title: 'Login Form',
okBtnText: 'LOGIN',
onOkBtnTap: (value) {
print('Okay Button Tapped');
},
onCancelBtnTap: (value) {
print('Cancel Button Tapped');
},
onEmailTextFieldChanged: (value) {
print('On Email Text Changed $value');
},
onPasswordTextFieldChanged: (value) {
print('On Password Text Changed $value');
},
);
SKAlertDialog.show(
context: context,
type: SKAlertType.checkbox,
checkBoxAry: {'Choice One': true, 'Choice Two': false, 'Choice Three': true, 'Choice Four': false, 'Choice Five': false},
title: 'Checkbox',
onCancelBtnTap: (value) {
print('Cancel Button Tapped');
},
onCheckBoxSelection: (value) {
print('onCheckBoxSelection $value');
},
);
SKAlertDialog.show(
context: context,
type: SKAlertType.radiobutton,
radioButtonAry: {'Choice One': 1, 'Choice Two': 2, 'Choice Three': 3, 'Choice Four': 4, 'Choice Five': 5},
title: UtilsImporter().stringUtils.radio_button_alert_title,
onCancelBtnTap: (value) {
print('Cancel Button Tapped');
},
onRadioButtonSelection: (value) {
print('onRadioButtonSelection $value');
},
);
SKAlertDialog.show(
context: context,
type: SKAlertType.custom,
customWidget: customWidget(),
);
Widget customWidget() {
return new Padding(
padding: EdgeInsets.only(left: 20, right: 20, top: 20, bottom: 20),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[
Text(
'Thank you for reviewing the package',
style: TextStyle(
fontWeight: FontWeight.w400,
color: Theme.of(context).primaryColorDark.withOpacity(0.7),
fontSize: 20),
),
SizedBox(height: 20),
Row(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
FlatButton(
color: const Color(0xFF50A1FF),
onPressed: () {
Navigator.of(context).pop();
},
child: Text(
'The End !',
style: TextStyle(
fontWeight: FontWeight.w700,
color: Colors.white,
fontSize: 20),
),
)
],
),
],
));
}
依赖清单 1 项
^1.1.0暂无相关数据。