搜索插件、代码仓与 APP 分类

ducafecatFlutter 生态导航
插件详情v1.0.6

styled_divider

具有不同线条样式的分割线小部件。

AndroidiOSWebmacOSWindowsLinux
pub.dev API 文档 源代码
近 30 天下载
4.8万
喜欢数
10
Pub 分数
160

安装插件

flutter pub add styled_divider

插件介绍

基于插件公开信息、社区数据与项目使用情况整理的选型参考。

Styled Divider 是一个 Flutter 包，它扩展了标准的 Divider 小部件，支持可自定义的线条样式，使开发者能够创建具有虚线、点线或自定义笔画图案的视觉上独特的分隔符。它支持多种线条粗细、颜色和对齐设置，非常适合在跨平台 UI 设计中保持一致性。该包可无缝集成到 Flutter 应用中，并可在 Android、iOS、Web、macOS、Windows 和 Linux 上运行。特别适用于提升列表、表单以及用户界面中部分分隔符的美学质量。

适合场景

  • 自定义列表中的分隔符
  • 通过样式化分隔符增强表单布局
  • 在用户界面中创建视觉层次
  • 跨平台设计响应式布局
  • 在仪表板中添加装饰元素
  • 通过独特的线条样式提升应用美观度

主要特点

  • 支持虚线和点线样式
  • 可配置的线条粗细和颜色
  • 灵活的对齐选项
  • 跨平台兼容性
  • 轻松集成到现有的 Flutter 代码中
  • 扩展标准 Divider 小部件

适合对象

  • 寻求视觉多样性的UI设计师
  • 开发响应式应用的开发者
  • 专注于精致UI细节的团队
  • 需要一致分隔符样式的应用
  • Flutter 初学者学习 widget 自定义
  • 支持多平台部署的项目

使用建议

  • 仅限线条样式自定义
  • 不支持复杂的路径形状
  • 在紧凑布局中需要手动处理间距
  • 可能会略微增加包大小
  • 不适用于非线性分隔符设计
  • 依赖外部源代码以获取更新

原始 README

以下为关联源码仓库的 README 原文快照，最新内容请访问源码仓库。

styled_divider

Divider widget with different line styles.

Getting Started

Use StyledDivider and StyledVerticalDivider widget.

final divider = StyledDivider(
                  color: Colors.green,
                  height: 50,
                  thickness: 2,
                  lineStyle: DividerLineStyle.dotted,
                  indent: 20,
                  endIndent: 20,
                  );

final verticalDivider = StyledVerticalDivider(
                          color: Colors.green,
                          height: 50,
                          thickness: 2,
                          lineStyle: DividerLineStyle.dotted,
                          indent: 20,
                          endIndent: 20,
                          );

The interface is exactly like the built-in Divider (and VerticalDivider) widget except for the lineStyle parameter.

Currently, only four line styles are supported:

  • DividerLineStyle.solid
  • DividerLineStyle.dotted
  • DividerLineStyle.dashed
  • DividerLineStyle.dashdotted

所属分类

形状与路径

依赖

依赖清单 1 项

源码仓库

使用此插件的项目

暂无相关数据。