Flutter 组件介绍

Flutter 是 Google 开源的跨平台移动开发框架,它能够使开发者快速的构建出美观的、高性能的移动应用程序。

Flutter 的核心理念:一切皆为 Widget。手机应用里的所有东西都是 Widget,开发者通过可组合的空间集合、丰富的动画库实现了富有感染力应用界面设计。

Flutter 的 UI 库里面有两套小部件 —— Material Design(适用于 Android )和 Cupertino(适用于 iOS )今天,通过 Flutter Gallery,也就是一个 demo 来给大家展示 Flutter 的组件。

首先是 Material Design 风格的的组件

底部导航栏(Bottom navigation)

底部导航栏分为固定以及渐变导航,由图标以及文字组成

按钮(Buttons)

按钮有图标按钮,扁平按钮,浮动按钮等等

卡片(Card)

卡片包括了图片、标题以及操作按钮

芯片(chips)

这个有点类似于一个 badge,可以当作标签使用

日期和时间选择器(Date and time pickers)

对话框(Dialog)

侧边导航 (Navigation drawer)

可展开列表 (Expand/collapse list control)

浮动按钮 (Floating Action Bar)

网格布局 (Grid list)

图标 (Icon)

进度指示 (Progress indictors)

分为圆形和条状的进度指示

可滚动的标签页 (Scrollable tabs)

滑动条 (Sliders)

分为连续以及不连续的滑动条


下面是 iOS 风格的组件

按钮(Buttons)

对话框 (Dialog)

滑动条 (Sliders)

切换按钮 (Switches)

导航 (Navigation)

以上就是 Flutter 中的所有的组件,需要用时可以参考。

邹明远 wechat
欢迎关注我的公众号「Smart」
请我喝杯快乐水