flutter_series

一个Flutter插件，用于改进行和列小部件，增加了间距和可选的交错分隔符。

功能

一组有助于使您的代码更整洁的小部件。

小部件 描述
PadColumn 一个带有可选内边距、间距和分隔符的Column。
PadRow 一个带有可选内边距、间距和分隔符的Row。
SizedWidth 一个比SizedBox更易于使用的版本。
SizedHeight 一个比SizedBox更易于使用的版本。
HDivider 一个简化的Divider小部件。
VDivider 一个简化的VerticalDivider小部件。
函数 描述
navPush 一种使用CupertinoPageRoute样式推送新页面的简单方法。

小部件

PadColumn & PadRow 系列

只是一个具有更多控制的Column或Row小部件。

基本的PadColumn/PadRow的工作方式与普通Column/Row完全相同。

PadColumn(
    children: const [
        Text("flutter_series is"),
        Text("the best flutter package"),
        Text("to date"),
    ],
),

但是，添加一些参数，您就可以上手了！

PadColumn(
    padding: const EdgeInsets.all(20) + MediaQuery.of(context).padding,
    interleaving: Interleaving.fullDivided,
    crossAxisAlignment: CrossAxisAlignment.stretch,
    mainAxisAlignment: MainAxisAlignment.start,
    spacing: 20,
    children: const [
        Text("flutter_series is"),
        Text("the best flutter package"),
        Text("to date"),
    ],
),

变量*interleaving*可以被赋值以产生不同的效果。

交错模式 描述
无 不应用间距，就像标准系列一样。
inBetween 间距出现在子项之间，但不出现在它们之外。
full 间距出现在小部件之间和它们之外。
inBetweenDivided 分隔符出现在子项之间，但不出现在它们之外。
fullDivided 分隔符出现在小部件之间和它们之外。

如果只提供间距，系列将自动分配inBetween间距

PadColumn(
    spacing: 20,
    children: const [
        Text("flutter_series is"),
        Text("the best flutter package"),
        Text("to date"),
    ],
),

SizedWidth & SizedHeight

比SizedBox更易于使用的版本。

SizedWidth(20) = SizedBox(width: 20),
SizedHeight(20) = SizedBox(height: 20),

HDivider & VDivider

比Divider更易于使用的版本。

HDivider(20) = Divider(
        height: 20, 
        color: Colors.white.withOpacity(0.3),
    ),
VDivider(20) = VerticalDivider(
        width: 20, 
        color: Colors.white.withOpacity(0.3),
    ),

入门

将此包用作库
依赖它
运行此命令

使用 Flutter

$ flutter pub add flutter_series

这将在您的包的 pubspec.yaml 文件中添加如下一行（并运行隐式 flutter pub get）

dependencies:
  flutter_series: ^0.0.1

将其添加到您的pubspec.yaml后，您可以使用以下方法在文件中引用该包

import 'package:flutter_series/flutter_series.dart';

GitHub

https://github.com/danjoemybro/flutter_series