- 博客(9)
- 收藏
- 关注
原创 JS replace()方法,当要替换的字符串是变量
JS replace()方法是一个常用的字符串替换方法,当要替换的字符串即searchvalue是个变量时怎么办呢?
2022-08-08 20:25:00
1392
原创 Flutter InfiniteListView学习与扩充
一、前言下拉刷新上拉加载更多的ListView是移动端开发中常用的组件,Flutter中官方提供了ListView控件来显示列表,并且提供了RefreshIndicator来支持下拉刷新,但是并没有提供上拉加载更多功能的组件,通过网上查阅发现上拉加载更多的实现思路大多可分为以下两种:1.通过ListView的ScrollController来判断列表是否滑动到最底部,如果是则加载更多。ListView.builder( controller: _scrollController, ...),
2020-06-04 17:16:21
1937
原创 Flutter图片蒙层背景的实现
为了使FlutterGithub APP项目详情页更酷炫,在头部加了一个图片蒙层背景,先上效果图。一、上效果图二、上原理其实很简单,由一个Stack堆叠而成,该结构可以分为三层:最底层:放置一张背景图。中间层:使用APP当前主题色做一个透明处理,然后覆盖。(为了使整体看起来更和谐)最顶层:对背景做一个高斯模糊处理,然后放置顶层元素。三、上代码//图片蒙层背景的实现Stack( children: <Widget>[ //图片加载loading Cent
2020-06-04 16:35:08
4975
原创 Flutter页面切换状态维持
在flutter中,使用类似于PageView进行页面切换时,如果不做处理,不会保持页面原状态。也就是从A页面切换到B页面,再从B页面切回到A页面,A页面显示都会重新加载。如果A页面加载比较耗时(例如有网络请求),就会带来不好的用户体验。如下图所示,页面已经加载过了,再次切换时还会重新加载。最终,我们想要的效果是页面第一次加载会进行网络请求,当再次切换回到该页面时,希望维持原状态不变,效果如下图所示:一、TabBar+TabBarView的页面切换状态维持方法:使用AutomaticKeepAli
2020-06-04 16:02:37
831
原创 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
1349
原创 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
2244
原创 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
496
原创 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
1036
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人