自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(9)
  • 收藏
  • 关注

原创 JS replace()方法,当要替换的字符串是变量

JS replace()方法是一个常用的字符串替换方法,当要替换的字符串即searchvalue是个变量时怎么办呢?

2022-08-08 20:25:00 1392

原创 输入框@选人功能实现

基于contentEditable的@编辑器,除了普通的文本输入外,还支持@选人功能

2022-07-07 00:51:03 4624 14

原创 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关注的人

提示
确定要删除当前文章?
取消 删除