Futter Square Button Full

Futter Square Button Full 是一种使用 Dart 语言编写的 Flutter 按钮组件。它提供了一个完整的、可自定义的按钮，可以用来执行各种操作。

如何使用

首先，在项目的 pubspec.yaml 文件中添加 Futter Square Button Full 依赖：

dependencies:
  flutter_square_button_full: ^1.0.0

然后，在代码中导入 Futter Square Button Full 包：

import 'package:flutter_square_button_full/flutter_square_button_full.dart';

你现在可以在你的代码中使用 Futter Square Button Full 了，比如：

SquareButtonFull(
  text: '确认',
  onPressed: () {
    // 这里写按钮点击后的逻辑
  },
),

自定义属性

Futter Square Button Full 支持多种自定义属性，可以按需配置。这里列出了一些常用的自定义属性：

| 属性 | 类型 | 说明 | | ---- | ---- | ---- | | text | String | 按钮上的文字 | | onPressed | VoidCallback | 按钮点击回调 | | width | double | 按钮宽度 | | height | double | 按钮高度 | | borderRadius | BorderRadius | 按钮圆角半径 | | color | Color | 按钮颜色 | | borderColor | Color | 边框颜色 | | borderWidth | double | 边框宽度 | | textStyle | TextStyle | 按钮文字样式 |

举个例子，如果你想改变按钮的宽度和文字样式，可以这样做：

SquareButtonFull(
  text: '提交',
  onPressed: () {
    // 这里写按钮点击后的逻辑
  },
  width: 200.0,
  textStyle: TextStyle(
    color: Colors.white,
    fontSize: 24.0,
    fontWeight: FontWeight.bold,
  ),
),

结语

Futter Square Button Full 是一个非常实用的 Flutter 按钮组件，既简单易用，又提供了多种自定义选项。如果你在开发 Flutter 应用程序时需要使用按钮组件，那么 Futter Square Button Full 绝对值得一试。