Flutter编码辅助插件easy_coding的使用

简介

easy_coding 是一个帮助开发者更快编写代码并提高生产力的插件。通过使用该插件，您可以减少重复代码的编写，从而更专注于应用的核心逻辑。

使用示例

1. 安装插件

首先，在 pubspec.yaml 文件中添加 easy_coding 依赖：

dependencies:
  big_head_softwares: ^1.0.0

然后运行以下命令以获取依赖项：

flutter pub get

2. 基本用法

以下是一个完整的示例，展示了如何使用 easy_coding 插件来简化常见的 Flutter 编码任务。

示例代码

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

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

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Easy Coding example',

      // 使用 [theme(context)] 和 [textTheme(context)] 快速访问主题数据
      theme: ThemeData(
        primarySwatch: Colors.blue,
        textTheme: TextTheme(
          headline1: textTheme(context).headline1.copyWith(fontSize: 36),
          bodyText1: textTheme(context).bodyText1.copyWith(fontSize: 18),
        ),
      ),
      home: HomePage(),
    );
  }
}

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

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.grey.shade100,
      appBar: AppBar(
        title: Text('Software example'),
      ),
      body: Center(
        child: ListView(
          padding: EdgeInsets.symmetric(horizontal: 20, vertical: 20),
          physics: const BouncingScrollPhysics(),
          children: <Widget>[
            // 使用 [.screenHeight(context)] 和 [.screenWidth(context)] 获取屏幕尺寸
            CustomTextButton(
              onTap: () => print(screenHeight(context)),
              text: 'Screen Height',
              radius: 10,
            ),
            CustomTextButton(
              onTap: () => print(screenWidth(context)),
              text: 'Screen Width',
              radius: 10,
            ),

            // 使用 [.sizedBoxHeight(yourHeight)] 创建垂直间距
            sizedBoxHeight(20),
            CustomListTile(
              title: Heading1('CustomListTile'),
              subtitle: SubHeading2(
                'Use custom list tile to get finer control over ListTile widget',
              ),
            ),
            sizedBoxHeight(20),
            CustomTextField(
              controller: TextEditingController(),
              hintText: 'Use CustomTextField to easily use each functionality of TextFormField',
              borderColor: Colors.black,
              focusBorderColor: Colors.black,
              cursorColor: Colors.black,
            ),
            sizedBoxHeight(20),

            // 使用 [push(context, Screen2())] 实现简单的页面跳转
            CustomTextButton(
              onTap: () => push(context, Screen2()),
              text: 'Easy Navigation',
              radius: 10,
            ),
            sizedBoxHeight(20),
            RoundContainer(
              height: 200,
              width: double.infinity,
              color: Colors.white,
              alignment: Alignment.center,
              child: SubHeading2('RoundContainer with neumorphism'),
            ).neumorphism(),
            sizedBoxHeight(20),
            Stack(
              alignment: Alignment.center,
              children: [
                ClipRRect(
                  borderRadius: radius(10),
                  child: ColorFiltered(
                    colorFilter: ColorFilter.mode(
                      Colors.black87.withOpacity(0.15),
                      BlendMode.darken,
                    ),
                    child: Image.network(
                      'https://img.freepik.com/free-vector/abstract-background_53876-43362.jpg?size=626&ext=jpg',
                      height: 200,
                      width: screenWidth(context),
                      fit: BoxFit.cover,
                    ),
                  ),
                ),
                RoundContainer(
                  height: 160,
                  width: screenWidth(context) * 0.6,
                  hPadding: 10,
                  alignment: Alignment.center,
                  child: SubHeading2(
                    'roundContainer with glassmorphism'.capitalize(),
                    color: Colors.black.withOpacity(0.7),
                    centerText: true,
                  ),
                ).glassmorphism(borderRadius: 10),
              ],
            ),
            sizedBoxHeight(20),
            Text(
              'Go to Plugin documentation for more awesome productivity shortcuts',
              style: textTheme(context).bodyText1,
              textAlign: TextAlign.center,
              maxLines: 2,
            )
          ],
        ),
      ),
    );
  }
}

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

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Heading1('Screen2'),
      ),
    );
  }
}