FlutterGithub
文章平均质量分 84
Mr蜻蜓队长
这个作者很懒,什么都没留下…
展开
-
Flutter InfiniteListView学习与扩充
一、前言下拉刷新上拉加载更多的ListView是移动端开发中常用的组件,Flutter中官方提供了ListView控件来显示列表,并且提供了RefreshIndicator来支持下拉刷新,但是并没有提供上拉加载更多功能的组件,通过网上查阅发现上拉加载更多的实现思路大多可分为以下两种:1.通过ListView的ScrollController来判断列表是否滑动到最底部,如果是则加载更多。ListView.builder( controller: _scrollController, ...),原创 2020-06-04 17:16:21 · 1864 阅读 · 0 评论 -
Flutter图片蒙层背景的实现
为了使FlutterGithub APP项目详情页更酷炫,在头部加了一个图片蒙层背景,先上效果图。一、上效果图二、上原理其实很简单,由一个Stack堆叠而成,该结构可以分为三层:最底层:放置一张背景图。中间层:使用APP当前主题色做一个透明处理,然后覆盖。(为了使整体看起来更和谐)最顶层:对背景做一个高斯模糊处理,然后放置顶层元素。三、上代码//图片蒙层背景的实现Stack( children: <Widget>[ //图片加载loading Cent原创 2020-06-04 16:35:08 · 4717 阅读 · 0 评论 -
Flutter页面切换状态维持
在flutter中,使用类似于PageView进行页面切换时,如果不做处理,不会保持页面原状态。也就是从A页面切换到B页面,再从B页面切回到A页面,A页面显示都会重新加载。如果A页面加载比较耗时(例如有网络请求),就会带来不好的用户体验。如下图所示,页面已经加载过了,再次切换时还会重新加载。最终,我们想要的效果是页面第一次加载会进行网络请求,当再次切换回到该页面时,希望维持原状态不变,效果如下图所示:一、TabBar+TabBarView的页面切换状态维持方法:使用AutomaticKeepAli原创 2020-06-04 16:02:37 · 759 阅读 · 0 评论 -
Flutter调试和打包
一、调试在flutter开发中,一般使用flutter run命令或者直接点击Android Studio工具栏中的运行按钮来进行调试,默认情况构建的程序为debug版本,此时应用程序打开右上角有一个debug的标志,并且打开时会出现黑屏。可以使用flutter run --release命令来构建release版本,就不会出现黑屏问题。二、打包2.1 打包过程打包Android版本的APP,使用以下命令:flutter build apk //默认包含--release选项打包好原创 2020-06-04 11:46:51 · 1254 阅读 · 0 评论 -
webview_flutter插件使用时报错
引入webview_flutter插件后,使用时,打开webview报错:PlatformException(unregistered_view_type, trying to create a view with an unregistered type, unregistered view type: 'plugins.flutter.io/webview')解决方法:参考:https://github.com/flutter/flutter/issues/257141、将Android模块中原创 2020-06-04 11:38:35 · 2089 阅读 · 0 评论 -
Flutter App显示Github Readme文档
在FlutterGithub客户端中显示github中的Readme.md内容,步骤如下:一、引入markdown插件插件地址:https://github.com/flutter/flutter_markdown,查看插件最新版本在项目的pubspec.yaml文件中添加插件引用:flutter_markdown: 0.3.5获取插件在Terminal中执行命令:flutter packages get二、获取readme接口地址:https://api.github.com/r原创 2020-06-04 11:31:56 · 441 阅读 · 0 评论 -
Github API (flutter调用)
在用Flutter完成一款Github客户端后,对Github API的调用做一个小总结。项目地址:https://github.com/MrHGJ/FlutterGithub1. 常用接口(获取用户信息) https://api.github.com/users/$username [用户名](获取用户repos列表)https://api.github.com/users/$username/repos [用户名](repos详细信息) https://api.github原创 2020-06-04 10:26:55 · 932 阅读 · 0 评论