Flutter简化操作插件keep_it_simple的使用

这个包旨在使我们在使用Flutter开发应用程序的过程中更加方便。它已经提供了可以按需使用的组件和功能。希望这个包能让你的生活更轻松。你的支持对我们非常重要。请点击下面的图片进行捐赠。请为印尼用户提供Saweria。最好的祝愿来自我们。感谢。

支持

点击上面的图片来支持我们

特性

• 增加宽度或高度间距 (AddWidth / AddHeight)
• 设置角半径 (Corner)
• 格式化货币（单位为印尼盾）(rupiah)
• 简易SnackBar (snackBar)
• 简单的闪烁效果 (SimpleShimmer)
• 预览图像 (PreviewImage)

使用 AddWidth / AddHeight

这个小部件用于增加宽度或高度间距。

import 'package:keep_it_simple/keep_it_simple.dart';
// 或
import 'package:keep_it_simple/components/add_space.dart';

const AddWidth(20),
const AddHeight(20),

使用 Corner

这个小部件用于使小部件的角整体变圆。

import 'package:keep_it_simple/keep_it_simple.dart';
// 或
import 'package:keep_it_simple/components/corner.dart';

Corner(
  corner: 30,
  child: Container(
    color: Colors.red,
    width: 100,
    height: 100,
  ),
)

使用 rupiah

这个函数用于将金额格式化为印尼盾形式。

import "package:keep_it_simple/keep_it_simple.dart";
// 或
import "package:keep_it_simple/helpers/rupiah.dart";

Text(rupiah(1000).toString());

使用 snackBar

这个函数使你更容易调用SnackBar。

import "package:keep_it_simple/keep_it_simple.dart";
// 或
import "package:keep_it_simple/helpers/snackbar.dart";

// 简单方式
snackBar(context, text: 'Hello');
// 或
snackBar(context,
    bgColor: Colors.teal,
    isFloating: false,
    text: 'Success',
    actionLabel: 'Dismiss', actionPress: () {
  // 执行某些操作
});

使用 SimpleShimmer

这个小部件用于创建简单的闪烁/加载效果。

import "package:keep_it_simple/keep_it_simple.dart";
// 或
import "package:keep_it_simple/components/simple_shimmer.dart";

// 简单方式
const SimpleShimmer()
// 或
const SimpleShimmer(
  bgColor: Colors.black,
  isCircle: false,
  looping: 1,
  height: 50,
),

使用 PreviewImage

这个小部件用于预览图像。

import "package:keep_it_simple/keep_it_simple.dart";
// 或
import "package:keep_it_simple/components/preview_image.dart";

// 简单方式
TextButton(
  onPressed: () {
    Navigator.push(context, MaterialPageRoute(builder: (_) {
      return const PreviewImage(
        image: 'https://docs.flutter.dev/assets/images/shared/brand/flutter/logo/flutter-lockup.png',
      );
    }));
  },
  child: const Text('点击预览')
)
// 或
TextButton(
  onPressed: () {
    Navigator.push(context, MaterialPageRoute(builder: (_) {
      return const PreviewImage(
        iconBackColor: Colors.white,
        bgColor: Colors.green,
        appBarColor: Colors.red,
        image: 'https://docs.flutter.dev/assets/images/shared/brand/flutter/logo/flutter-lockup.png',
      );
    }));
  },
  child: const Text('点击预览')
)

完整示例Demo

以下是使用 keep_it_simple 插件的完整示例代码：

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

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

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

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
        useMaterial3: true,
      ),
      home: const MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

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

  final String title;

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

class _MyHomePageState extends State<MyHomePage> {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        backgroundColor: Theme.of(context).colorScheme.inversePrimary,
        title: Text(widget.title),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            const Row(
              children: [
                Text('你好'),
                AddWidth(10),
                Text('你好2'),
              ],
            ),
            const AddHeight(10),
            GestureDetector(
              onTap: () {
                snackBar(context, text: '你好');
              },
              child: Corner(
                corner: 10,
                child: Container(
                  height: 100,
                  width: 100,
                  color: Colors.red,
                ),
              ),
            ),
            TextButton(
              onPressed: () {
                Navigator.push(context, MaterialPageRoute(builder: (_) {
                  return const PreviewImage(
                    iconBackColor: Colors.white,
                    bgColor: Colors.green,
                    appBarColor: Colors.red,
                    image: 'https://docs.flutter.dev/assets/images/shared/brand/flutter/logo/flutter-lockup.png',
                  );
                }));
              },
              child: const Text('点击预览'),
            ),
            const SimpleShimmer(),
            Text(rupiah(1000).toString()),
          ],
        ),
      ),
    );
  }
}