分享一下我整理的 Flutter 项目中常用的 Widget(flutter)

不知道有多少移动端的开发者转向了 Flutter,最近的一个项目几乎 90% 的代码使用了 Flutter 来发开。抹平了 Android 和 iOS 边界,除了少量与 native 交互的部分。目前来看开发体验和在真机上的运行效果还是不错的。 Flutter 封装好了大量的 Widget,我们几乎用很少的代码就可以实现漂亮的 UI 效果。我整理了一下目前我常用的一些 Widget,欢迎交流 Flutter 相关的技术以及架构,以及如果写出更优雅的 Widget 。

我整理的常用 Widget flutter_awesome


分享一下我整理的 Flutter 项目中常用的 Widget(flutter)
8 回复

请教一下,flutter 怎么调用原生 jar 包

更多关于分享一下我整理的 Flutter 项目中常用的 Widget(flutter)的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


你知道是调用 Android 原生的方法把,可以通过 Flutter 提供的 message channel

谢谢,我看看

不好意思,再次打扰一下。官方的例子中,获取设备电量那个 demo,我试着一步步跑了一遍,调用获取电量函数时就会报错:No implementation found for method getBatteryLevel on channel samples.flutter.io/battery

在Flutter项目中,Widget作为构建UI的基本单元,种类丰富且功能强大。以下是一些常用的Widget,它们能帮助你高效地开发出美观且功能完善的应用:

  1. Container:基础容器Widget,用于包裹其他Widget,并设置其背景、边距、内边距等属性。

  2. Text:用于显示文本内容,支持自定义字体、大小、颜色、对齐方式等。

  3. Row & Column:布局Widget,Row实现水平排列,Column实现垂直排列,两者均支持子Widget的弹性布局。

  4. Stack:堆叠布局Widget,允许子Widget在Z轴上重叠,常用于实现浮动按钮、标签等效果。

  5. ListView & GridView:列表和网格布局Widget,用于展示大量数据,支持滚动、点击事件等。

  6. Image:用于加载和显示图片,支持网络图片、本地图片及Asset图片。

  7. Button:按钮Widget,包括FlatButton、RaisedButton、OutlineButton等,支持自定义点击效果、图标及文本。

  8. Navigator:用于页面跳转和导航,是Flutter中实现页面路由的核心Widget。

  9. Scaffold:提供Material Design布局,包含AppBar、抽屉菜单(Drawer)、底部导航栏(BottomNavigationBar)等常用结构。

  10. Card:卡片Widget,常用于展示信息块,支持标题、内容、操作按钮等。

掌握这些常用Widget,能帮助你快速上手Flutter开发,构建出丰富多样的用户界面。

回到顶部
AI 助手
你好,我是IT营的 AI 助手
您可以尝试点击下方的快捷入口开启体验!