flutter extended_wrap最新版本怎么用

“最近在Flutter项目里想用extended_wrap组件，但发现最新版本的API好像有变化。文档不太清楚，请问具体该怎么使用？比如如何设置间距、换行规则以及动态添加子项？有没有完整的示例代码可以参考？”

2 回复

最新版本extended_wrap可通过pubspec.yaml添加依赖：

dependencies:
  extended_wrap: ^最新版本号

使用方式与Flutter原生Wrap类似，支持更多布局功能，如间距调整、主轴对齐等。

更多关于flutter extended_wrap最新版本怎么用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


Flutter extended_wrap 是 flutter_wrap 的增强版本，支持更多布局功能（如主轴对齐、间距调整等）。以下是基本使用方法：

1. 添加依赖 在 pubspec.yaml 中添加最新版本（以 1.0.0 为例）：

dependencies:
  extended_wrap: ^1.0.0

运行 flutter pub get 安装。

2. 基本用法

import 'package:extended_wrap/extended_wrap.dart';

ExtendedWrap(
  spacing: 8.0, // 主轴间距
  runSpacing: 12.0, // 交叉轴间距
  alignment: WrapAlignment.start, // 主轴对齐方式
  children: [
    Container(width: 80, height: 60, color: Colors.red),
    Container(width: 90, height: 70, color: Colors.green),
    // 更多子组件...
  ],
)

3. 核心参数说明

  • spacing：子组件间水平间距
  • runSpacing：行间垂直间距
  • alignment：主轴对齐（start/center/end/spaceAround 等）
  • runAlignment：交叉轴对齐（默认 start）
  • direction：排列方向（Axis.horizontal/vertical）

4. 特殊功能 支持强制换行控制：

ExtendedWrap(
  maxLines: 2, // 限制最大行数
  overflowWidget: Text('...更多'), // 超出显示组件
  // 其他参数...
)

注意事项

  • 与官方 Wrap 兼容，可直接替换
  • 遇到布局异常时检查父容器约束条件
  • 可通过 ExtendedWrap.withText 快速创建文本标签布局

建议查看 pub.dev 获取最新版本和完整示例。

回到顶部