自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(14)
  • 问答 (1)
  • 收藏
  • 关注

原创 flutter封装一个筛选框

效果图:这个函数接收两个参数:第一个参数context上下文第二个参数contentMap(这个参数主要作用就是接收你需要搜索的东西,生成输入框或者选择器或者日期选择 这里暂时只有这几种,后期有需要可以在下面 “循环生成输入框” 的方法中增加判断生成其他类型的控件)※在封装的时候我是另外创建的一个文件utils.dart,然后直接写方法所以就没有状态,就意味着在里面无法使用setState方法,(就算不是另外创建的一个文件,在原来的页面中创建这个方法虽然有setState方法但是,由于使用了"sh

2022-01-20 11:15:20 2910

原创 flutter使用url_launcher插件完成拨号

使用url_launcher: 组件库最新版本跳转到手机的拨号页面前几天在做项目的时候有需求需要:拨打电话,然后就随便上网搜就看到了这个插件,用起来还是非常方便的,在这里分享给大家。使用插件: url_launcher: ^6.0.17 # 拨打电话导入插件:import ‘package:url_launcher/url_launcher.dart’;使用:String url = 'tel:' + item['phone'];// item['phone']是需要拨号的手机号//判断是否

2022-01-04 15:42:12 2288

原创 flutter表单自定义必填项验证

效果:这里使用到了fluttertoast插件弹出提示;下载:fluttertoast: ^8.0.8 # 弹出提示信息插件导入插件:import ‘package:fluttertoast/fluttertoast.dart’; // 弹出提示// 验证必填项_funTestMust() { // 需要验证的映射表 List keyWordMap = [ {'key': largeClassId, 'tips': '请选择备件大分类'},// "key"表示被验

2021-12-14 10:37:27 2820 3

原创 flutter 带搜索功能的下拉菜单

可以单选,多选,详情见官网:https://pub.dev/packages/find_dropdown效果图:插件:find_dropdown: ^1.0.0导入:import ‘package:find_dropdown/find_dropdown.dart’;使用:Container( padding: EdgeInsets.all(2), child: FindDropdown( searchHint:'搜索', items: ["张三",

2021-12-10 11:15:23 3435

原创 flutter 找出两个数组中不同的元素

List arr1=[2,4,6,8,10,1,3];List arr2=[2,4,6,8,10,12,14];List newArr=[];arr1.forEach((item){ if(!arr2.contains(item)){ newArr.add(item); }});arr2.forEach((item){ if(!arr1.contains(item)){ newArr.add(item); }});print('

2021-11-24 16:48:01 2527

原创 flutter 点击从下往上弹出选择框showModalBottomSheet

放在点击事件里面就行了,从下往上弹出提示效果:代码:showModalBottomSheet( context: context, builder: (BuildContext context) { return Column( mainAxisSize: MainAxisSize.min, children: <Widget>[ // 增加ListTile就能增加弹出的选项

2021-11-24 13:53:56 2833

原创 flutter展示日历插件,自定义标记, flutter_calendar_carousel: ^2.1.0

前几天在做项目时,需要一个展示日历,自己上:https://pub.dev/插件官网上找了好久都没找到合适的,最后自己慢慢翻,终于找到一个评分高,最近在更新的插件:https://pub.dev/packages/flutter_calendar_carouselflutter_calendar_carousel: ^2.1.0效果:引入:import ‘package:flutter_calendar_carousel/flutter_calendar_carousel.dart’; // 日历2

2021-11-24 13:43:18 1996

原创 fluuter使用shared_preferences封装一个本地存储的工具类,类似于localstorage

fluuter使用shared_preferences封装一个本地存储的工具类下载:shared_preferences: ^2.0.8 # 本地存储封装:import 'package:shared_preferences/shared_preferences.dart';class SharedPreferencesDataUtils{ // 注意:在存数据时务必将数据转换成json字符串再进行存 // 存 Future setUserInfo(key, value) async

2021-10-28 13:41:44 204

原创 fluuter使用dio插件完成网络请求的封装

fluuter使用dio插件完成网络请求的封装由于个人的业务需求所以封装的不是特别全面,自己可以加以修改下载:注意格式要对整齐不然会报错 dependencies: flutter: sdk: flutter # The following adds the Cupertino Icons font to your application. # Use with the CupertinoIcons class for iOS style icons. dio: ^3.0.

2021-10-28 13:34:38 111

原创 fluuter中Map对象转json,json转Map对象

fluuter中Map对象转json,json转Map对象json转map:// 导入json转换的插件import 'dart:convert' as convert;// 这里就是使用convert将json字符串转换成map对象Map<String, dynamic> user = convert.jsonDecode(value);// 这里的value就是json字符串map转json:// 这里是使用convert将map对象转换成json字符串var str=c

2021-10-28 13:27:59 575

原创 在cmd中输入git命令提示不是内部指令报错但在gitbash上却能输入git指令

前几天在使用git更新代码的时候,一开始使用的是cmd终端但是一直报错,如图:后来就是用gitbash终端,然后就不报错,一开始也没管他就向能用就行,但是不能cv啊这就很痛苦了,然后发现是前几天在配置环境变量的时候不小心将git的环境变量给删了解决办法:找到之前安装git的文件夹,例如我的:到bin文件夹下赋值地址“D:\Git\bin”,然后右击此电脑选择属性,然后点击高级系统设置:点击环境变量:找到path双击:点击新建:然后将刚才复制的git的地址填进去,然后一直点击确定就行了注意:

2021-10-11 09:18:49 427

原创 audio的自动播放

h5audio控件的自动播放有的同学在菜鸟上看到audio标签可以直接使用autoplay这个属性直接让音频自动播放,但是谷歌浏览器已经做过有人就想处理,为了避免用户的流量流失,产生噪音。这时候有人就想可以使用js来让他自动播放,但是这时在浏览器中又会看到报错,如下图:其实并不是因为你的代码写错了,也是英文谷歌浏览器阻止了,这时候我们就需要给一个按钮,让用户点一下再开始播放音频,然后再在按钮的点击事件上让音频播放就不会报错了,我这里给了一个开关灯效果,点一下播放,再点一下关闭...

2021-05-14 19:49:54 9866

原创 写了margin:0;paddind:0;也会有边距

元素和元素之间有一定边距有时候我们在编程是将margin改成0,padding也改成0但无论如何都会有一定的边距,如下图:有时候真的很令人头疼,怎么找也找不出原因;解决办法:在元素与另一个元素换行的位置打一个注释就行了因为换行会默认有一定的边距这样就解决啦!...

2021-03-23 15:05:44 647 3

原创 HTML,js,css无缝轮播

无缝连接轮播轮播图是很多项目中经常会需要的,轮播图这个东西说简单也简单,说难也难,今天我就为大家整理了轮播图当中的一种**“无缝轮播滚动”**HTML代码:<!-- 轮播图区域 --> <div class="banner"> <!-- 装轮播里内容的盒子 --> <div class="bannerbox" id="bannerbox"> <!-- 装图片的盒子宽为下面图片的七倍 --> <d

2021-03-22 16:02:07 358 7

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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