搜尋套件、儲存庫與 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.

所屬分類

剪裁與裝飾

原始碼儲存庫

使用此套件的專案

暫無相關資料。