tiger_gy的博客

项目中遇到多种条件筛选的情况，我使用了flutter官方的BottomSheet组件来解决了我的问题。先看一下效果图：ModalBottomSheet这个ModalBottomSheet就是类似一个Dialog，有一个半透明的背景层，然后上面显示你自定义的内容。 用法非常简单，Flutter提供了一个showModalBottomSheet的方法弹出一个BottomSheet。实现代码：...

老规矩，先来看一张效果图：简单粗暴，直接上代码：class AddExpense extends StatefulWidget { @override State<StatefulWidget> createState() => _AddExpensePage();}class _AddExpensePage extends State<AddExpense> { List<String> _radioList = List<Stri

Flutter模仿12306城市搜索、城市列表、索引。项目中报销模块需要选择城市，看了一下12306的效果，就模仿做了一个先看一下效果图：文中使用的pub插件:azlistview: ^0.1.2 lpinyin: ^1.0.7刚开始也没什么思路，网上找了一篇博客，感觉和我的需求大致很是相似，就在上面做了一些修改，实现自己的需求。博客地址所有城市的json目录JSON内容：{ "china": [ { "name": "北京市" }, {

flutter 右侧实现多条件的筛选效果。效果图实现要求：1、两种类型筛选条件数据源。2、报销月份每行展示3列，可折叠。3、报销类型，badge长度自适应。modle 类search.dartclass Search { String code; bool check; Search({this.code, this.check}); Search.fromJson(Map<String, dynamic> json) { code = json['co

搜索栏是大部分APP都包括的组件，实际开发中需要这个搜索栏，网上阅读了一些资料后。实现flutter的搜索栏。Flutter为我们提供了这个组件SearchDelegate，先看一下效果图哦。一、定义SearchDelegateclass searchBarDelegate extends SearchDelegate<String> { /*这个方法返回一个控件列表，显示为搜索框右边的图标按钮，这里设置为一个清除按钮,并且在搜索内容为空的时候显示建议搜索内容，使用的是showSugge

先看一张效果图实现大致思路：1、使用一个状态管理器，来实现主题的切换。这里使用的是redux。版本:flutter_redux: ^0.6.0。2、使用本地存储来记录选择的模式，0：浅色模式。1：深色模式。2：跟随系统。本地存储使用的是：shared_preferences: 0.5.6。3、在打开APP的时候，根据本地存储的标志位，来选择具体的AppTheme。**首先写一个 全局的状态管理类WSState.dart。import 'package:ws/redux/theme_redux

Container是一个组合类容器。 /// Container介绍 // alignment 位置 // padding 内边距 // margin 外边距 // constraints 盒子 宽高的限制 // width 容器宽 // height 容器高 ...

Flutter常用组件之Text最近在学习flutter,就在优快云买了一个课程学习。网上也有好多免费的教程，有点学不进去，花钱买完了就能看进去了。花完钱不学习感觉就有点罪恶感。哈哈 真香。下面对Text简单的介绍一下 。#样式...

什么是Flutter 最近项目快结束了，时间比较充足了，是时候学习一波flutter了。晚上找了找资料 感觉这个介绍比较全面 转载地址：https://book.flutterchina.club/chapter1/flutter_intro.htmlFlutter简介 Flutter 是 G...