Flutter实战之Gank Demo实践

初学Flutter,看了两天文档,花了两天时间利用gank.io提供的api接口实践了下Flutter,写了个Demo.

主要实践了Flutter的如下几个知识点:

  1. 如何使用dio框架发起网络请求
  2. 如何实现常用布局,如:
    • 水平布局: Row
    • 垂直布局: Column
    • 层叠布局: Stack
    • 如何设置间距: Padding
  3. 如何显示网络图片Image
  4. 如何使用下拉刷新组件: RefreshIndicator
  5. 如何使用ListView组件,以及添加上拉加载更多功能
  6. 如何给普通widget添加事件监听: GestureDetector
  7. 如何实现水波纹效果: InkWell
  8. 如何使用Card实现卡片式布局
  9. 在Flutter中如何使用WebView
  10. 如何创建Material Design风格的应用以及自定义其主题样式
  11. 如何使用AppBar组件同时给其添加TabBarView组件和BottomNavigationBar
  12. 如何进行页面跳转: Navigator

Demo代码地址请戳这这这

Demo效果如如下:


原创文章,转载请出处注明。

下面是我的个人公众号,欢迎关注交流

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×