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

ducafecatFlutter 生态导航
插件详情v0.3.0

custom_rounded_rectangle_border

一个简单的包，用于绘制自定义形状边框，并完全控制您希望如何渲染各个边。

AndroidiOSWebmacOSWindowsLinux
pub.dev API 文档 源代码
近 30 天下载
7070
喜欢数
23
Pub 分数
150

安装插件

flutter pub add custom_rounded_rectangle_border

插件介绍

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

一个 Flutter 包，使开发者能够创建具有精确控制的自定义形状边框，可分别控制每一边的渲染。它扩展了标准圆角矩形边框的功能，允许对每个边单独定制圆角半径、边框宽度和描边样式。非常适合设计具有非对称或定制边框效果的独特 UI 元素。该包可无缝集成到 Flutter 的装饰系统中，并支持所有主要平台。

适合场景

  • 创建不对称边框设计
  • 自定义单个角的圆角半径
  • 设计独特的UI框架元素
  • 构建响应式装饰性容器
  • 实现动画边框效果
  • 通过样式边框增强视觉层次

主要特点

  • 每边边框自定义
  • 灵活的圆角半径控制
  • 支持所有 Flutter 平台
  • 与 BoxDecoration 的轻松集成
  • 可扩展以实现高级样式
  • 跨平台一致性

适合对象

  • 寻求创意边框选项的UI设计师
  • 开发自定义 widget 的开发者
  • 需要独特视觉边界的应用
  • 高保真设计的项目
  • 使用 Flutter 开发多平台应用的团队
  • 原型化交互式 UI 组件

使用建议

  • 需要了解 Flutter 绘画系统
  • 可能增加简单布局的复杂性
  • 在列表中大量使用时的性能影响
  • 除了基本用法外，文档有限
  • 不适用于无需重建即可动态更改边框的运行时场景
  • 最好与优化的 widget 树一起使用

原始 README

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

Custom rounded rectangle border

A simple package for drawing custom shape borders with full control on how you want the sides to be rendered.

It simply addresses an open Flutter issue where an error is thrown when you try to set a borderRadius and border at the same time, see open issue below: Support non-uniform Borders with a non-zero borderRadius

Sample Usage

Container(
    decoration: ShapeDecoration(
    shape: CustomRoundedRectangleBorder(
      borderRadius: BorderRadius.only(
          bottomLeft: 5.0,
          bottomRight: 5.0),
      leftSide: BorderSide(
          color: Colors.black),
      bottomLeftCornerSide: BorderSide(
          color: Colors.black),
      rightSide: BorderSide(
          color: Colors.black),
      bottomRightCornerSide: BorderSide(
          color: Colors.black),
      bottomSide: BorderSide(
          color: Colors.black),
    ),
),)

Flutter

For help getting started with Flutter, view our online documentation, which offers tutorials, samples, guidance on mobile development, and a full API reference.

所属分类

剪裁与装饰

源码仓库

使用此插件的项目

暂无相关数据。