fk_action_sheet 2.0.0

A Flutter package for Action Sheet.

example/lib/main.dart

import 'package:fk_action_sheet/fk_action_sheet.dart';
import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
        visualDensity: VisualDensity.adaptivePlatformDensity,
      ),
      home: MyHomePage(title: 'fk_action_sheet_example'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  MyHomePage({Key key, this.title}) : super(key: key);

  final String title;

  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  int _counter = 0;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        // Here we take the value from the MyHomePage object that was created by
        // the App.build method, and use it to set our appbar title.
        title: Text(widget.title),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            RaisedButton(
                child: Text("性别选择"),
                onPressed: () {
                  showActionSheet(
                      context: context,
                      actions: <ActionItem>[
                        ActionItem(
                            title: "男",
                            onPressed: () {
                              print('选择了男!');
                              Navigator.pop(context);
                            }),
                        ActionItem(
                            title: "女",
                            onPressed: () {
                              print('选择了女!');
                              Navigator.pop(context);
                            }),
                      ],
                      bottomActionItem: BottomActionItem(title: "取消"));
                }),
            RaisedButton(
                child: Text("职业选择-带描述"),
                onPressed: () {
                  showActionSheet(
                      context: context,
                      topActionItem: TopActionItem(desc: "请选择职业哈😄"),
                      actions: <ActionItem>[
                        ActionItem(
                            title: "IT",
                            onPressed: () {
                              print('选择了IT!');
                              Navigator.pop(context);
                            }),
                        ActionItem(
                            title: "律师",
                            onPressed: () {
                              print('选择了律师!');
                              Navigator.pop(context);
                            }),
                      ],
                      bottomActionItem: BottomActionItem(title: "取消"));
                }),
            RaisedButton(
                child: Text("选择支付方式-单选"),
                onPressed: () {
                  showActionSheet(
                    context: context,
                    topActionItem: TopActionItem(
                        title: "请选择支付方式",
                        doneAction: (List<int> data) {
                          Navigator.pop(context);
                          print('选了数据: $data}');
                        }),
                    choiceConfig: ChoiceConfig(items: [
                      ChoiceItem(
                          title: "支付宝", leftIcon: Icon(Icons.payment_rounded)),
                      ChoiceItem(
                          title: "微信",
                          leftIcon: Icon(Icons.wb_twighlight),
                          isSelected: true),

                      /// 默认选项
                      ChoiceItem(
                          title: "银行卡", leftIcon: Icon(Icons.ac_unit_outlined)),
                    ]),
                  );
                }),
            RaisedButton(
                child: Text("选择支付方式-多选"),
                onPressed: () {
                  showActionSheet(
                    context: context,
                    topActionItem: TopActionItem(
                        title: "请选择支付方式",
                        doneAction: (List<int> data) {
                          Navigator.pop(context);
                          print('选了数据: $data}');
                        }),
                    choiceConfig: ChoiceConfig(isCheckBox: true, items: [
                      ChoiceItem(
                          title: "支付宝", leftIcon: Icon(Icons.payment_rounded)),
                      ChoiceItem(
                          title: "微信",
                          leftIcon: Icon(Icons.wb_twighlight),
                          isSelected: true),

                      /// 默认选项
                      ChoiceItem(
                          title: "银行卡",
                          leftIcon: Icon(Icons.ac_unit_outlined),
                          isSelected: true),
                    ]),
                  );
                }),
            RaisedButton(
                child: Text("自定义"),
                onPressed: () {
                  showActionSheet(
                      context: context,
                      topActionItem: TopActionItem(desc: "请输入交易密码"),
                      content: Container(
                        padding: const EdgeInsets.all(15),
                        child: Column(
                          children: [
                            TextField(
                              maxLength: 36,
                              keyboardType: TextInputType.emailAddress,
                            ),
                            RaisedButton(
                              onPressed: () {},
                              child: Text('提交'),
                            )
                          ],
                        ),
                      ));
                }),
          ],
        ),
      ),
    );
  }
}