Flutter UI组件工具插件ui_widgets_utils的使用

UI Widgets Utilities

内容概览

• SnappingListScrollPhysics
• VarStr
• useWhiteForeground
• showBox
• dialogBox
• MsgBox
• DialogBox

SnappingListScrollPhysics

SnappingListScrollPhysics 是一个滚动物理类，用于在滚动列表时实现自动吸附效果。

VarStr

VarStr 是一个字符串处理类，可以用于处理和格式化字符串。

useWhiteForeground

useWhiteForeground 是一个函数，用于判断是否使用白色前景色。

showBox

showBox 是一个异步函数，用于显示一个简单的对话框。

dialogBox

dialogBox 是一个函数，用于显示一个自定义对话框。

MsgBox

MsgBox 是一个对话框类，用于显示带按钮的对话框。

DialogBox

DialogBox 是一个对话框类，用于显示带按钮的对话框。

示例代码

import 'src/imports.dart';

void main() => runApp(const MyApp());

////
class MyApp extends StatelessWidget {
  ///
  const MyApp({super.key});

  [@override](/user/override)
  Widget build(BuildContext context) => MaterialApp(
        theme: ThemeData(
          colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
          useMaterial3: true,
        ),
        home: const MyHomePage(),
      );
}

///
class MyHomePage extends StatefulWidget {
  ///
  const MyHomePage({super.key});

  [@override](/user/override)
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends StateX<MyHomePage> {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        backgroundColor: Theme.of(context).colorScheme.inversePrimary,
        title: const Text('ui_widgets_utils Demo App'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            ElevatedButton(
              key: const Key('showBox'),
              onPressed: () async {
                final result = await showBox(
                  context: context,
                  text: 'This is a test.',
                  button01: const Option(key: Key('OK'), text: 'OK', result: true),
                  button02: const Option(
                      key: Key('Cancel'), text: 'Cancel', result: false),
                  useMaterial: true,
                );
              },
              child: const Text('showBox'),
            ),
            ElevatedButton(
              key: const Key('showDialogBox'),
              onPressed: () async {
                final result = await showDialogBox<bool>(
                  context,
                  content: const Text('This is a test.'),
                  actions: [
                    TextButton(
                      key: const Key('OK'),
                      style: TextButton.styleFrom(
                        textStyle: Theme.of(context).textTheme.labelLarge,
                      ),
                      child: const Text('OK'),
                      onPressed: () {
                        Navigator.pop(context, true);
                      },
                    ),
                    TextButton(
                      key: const Key('Cancel'),
                      style: TextButton.styleFrom(
                        textStyle: Theme.of(context).textTheme.labelLarge,
                      ),
                      child: const Text('Cancel'),
                      onPressed: () {
                        Navigator.pop(context, false);
                      },
                    ),
                  ],
                );
              },
              child: const Text('showDialogBox'),
            ),
            ElevatedButton(
              key: const Key('dialogBox'),
              onPressed: () {
                dialogBox(
                  context,
                  title: 'This is a test.',
                  button01: const Option(key: Key('OK'), text: 'OK', result: true),
                  button02: const Option(
                      key: Key('Cancel'), text: 'Cancel', result: false),
                );
              },
              child: const Text('dialogBox'),
            ),
            ElevatedButton(
              key: const Key('msgbox'),
              onPressed: () {
                MsgBox(
                  context: context,
                  title: 'This is a test.',
                  actions: [
                    TextButton(
                      key: const Key('OK'),
                      style: TextButton.styleFrom(
                        textStyle: Theme.of(context).textTheme.labelLarge,
                      ),
                      child: const Text('OK'),
                      onPressed: () {
                        Navigator.pop(context, true);
                      },
                    ),
                    TextButton(
                      key: const Key('Cancel'),
                      style: TextButton.styleFrom(
                        textStyle: Theme.of(context).textTheme.labelLarge,
                      ),
                      child: const Text('Cancel'),
                      onPressed: () {
                        Navigator.pop(context, false);
                      },
                    ),
                  ],
                ).show();
              },
              child: const Text('MsgBox'),
            ),
            ElevatedButton(
              key: const Key('classdialogbox'),
              onPressed: () {
                DialogBox(
                  context: context,
                  title: 'This is a test.',
                  button01: const Option(key: Key('OK'), text: 'OK', result: true),
                  button02: const Option(
                      key: Key('Cancel'), text: 'Cancel', result: false),
                ).show();
              },
              child: const Text('DialogBox'),
            ),
          ],
        ),
      ),
    );
  }
}