返回 移动开发
Flutter

LiquidGlass NavBar

Flutter 平台的 Liquid Glass 导航栏组件。

Zyad Wael
2025-12-08

实时演示

LiquidGlass NavBar

Flutter 平台的 Liquid Glass 导航栏组件。

Glass Card

精美的玻璃态卡片效果，支持悬停动画

Glass Buttons

Large Panel

大面板效果，适合展示主要内容或仪表盘

Icon Buttons

Glass Input

Glass Tags

Liquid GlassGlassmorphismUI Design

代码示例

// LiquidGlass NavBar
Container(
  decoration: BoxDecoration(
    color: Colors.white.withOpacity(0.1),
    borderRadius: BorderRadius.circular(16),
    border: Border.all(
      color: Colors.white.withOpacity(0.2),
    ),
  ),
  child: Column(
    children: [
      Text('LiquidGlass NavBar'),
      Text('Flutter 平台的 Liquid Glass 导航栏组件。'),
    ],
  ),
)

资源信息

分类
移动开发
子分类
Flutter
作者
Zyad Wael
添加日期
2025-12-08

标签

Flutter导航栏组件