Flutter插件joycyber的特性与使用方法

特性

• 计算器
• 自定义弹框

开始使用

确保在您的Flutter项目中添加此路由作为依赖项。

dependencies:
  joycyber: ^0.0.1

然后运行以下命令更新依赖项：

flutter packages upgrade

或者在IntelliJ中更新您的包。

示例项目

在example文件夹中有一个示例项目。您可以查看它。否则，继续阅读以快速上手。

使用方法

需要在将要使用的dart文件中导入该包，使用以下命令：

import 'package:joycyber/custom_alert_box.dart';

自定义弹框

基本组件

void _showCustomAlertBox() async {
    await CustomAlertBox.showCustomAlertBox(
        context: context,
        willDisplayWidget: const Text('My custom alert box, used from example!!'),
    );
}

额外信息

您可以在Twitter上关注我 @payment_type。

贡献

欢迎提交拉取请求。如果您希望进行重大更改，请先打开一个问题讨论您想要更改的内容。

请务必根据需要更新测试。

许可证

MIT

示例代码

example/lib/main.dart

import 'package:flutter/material.dart';
import 'package:joycyber/custom_alert_box.dart'; // 导入自定义弹框库

void main() {
  runApp(const MyApp()); // 启动应用
}

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo', // 应用标题
      theme: ThemeData(
        primarySwatch: Colors.blue, // 主题颜色
      ),
      home: const MyHomePage(title: 'Flutter Demo Home Page'), // 主页
    );
  }
}

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

  final String title;

  [@override](/user/override)
  State<MyHomePage> createState() => _MyHomePageState(); // 创建状态类
}

class _MyHomePageState extends State<MyHomePage> {
  // 显示自定义弹框的方法
  void _showCustomAlertBox() async {
    await CustomAlertBox.showCustomAlertBox(
      context: context, // 当前上下文
      willDisplayWidget: const Text('My custom alert box, used from example!!'), // 弹框内容
    );
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title), // 设置标题
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center, // 垂直居中
          children: [
            const Text(
              'You have pushed the button this many times:', // 提示文字
            ),
            Text(
              'test', // 按钮点击次数
              style: Theme.of(context).textTheme.headline4, // 样式
            ),
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: _showCustomAlertBox, // 点击按钮触发弹框
        tooltip: 'Increment', // 工具提示
        child: const Icon(Icons.add), // 图标
      ),
    );
  }
}