22、Scaffold属性 抽屉菜单Drawer
摘要:在Scaffold组件里面传入drawer参数可以定义左侧边栏,传入endDrawer可以定义右侧边栏。侧边栏默 认是隐藏的,我们可以通过手指滑动显示侧边栏,也可以通过点击按钮显示侧边栏。 class MyFlutterApp extends StatelessWidget { const MyFl
阅读全文
posted @
2023-11-30 18:56
鲤斌
阅读(130)
推荐(0) 编辑
21、Scaffold属性 FloatingActionButton实现类似闲鱼App底 部导航凸起按钮
摘要:FloatingActionButton详解 FloatingActionButton简称FAB ,可以实现浮动按钮,也可以实现类似闲鱼app的底部凸起导航 实现类似闲鱼App底部导航凸起按钮 class MyFlutter2 extends StatefulWidget { const MyFlu
阅读全文
posted @
2023-11-29 18:50
鲤斌
阅读(74)
推荐(0) 编辑
20、Scaffold属性 BottomNavigationBar 自定义底部导航
摘要:BottomNavigationBar 是底部导航条,可以让我们定义底部Tab切换,bottomNavigationBar是 Scaffold组件的参数。 BottomNavigationBar 常见的属性 BottomNavigationBar 底部菜单选中 class MyFlutter1 ex
阅读全文
posted @
2023-11-29 18:49
鲤斌
阅读(136)
推荐(0) 编辑
19、Flutter StatelessWidget 、 StatefulWidget
摘要:在Flutter中自定义组件其实就是一个类,这个类需要继承StatelessWidget / StatefulWidget。 StatelessWidget是无状态组件,状态不可变的widget StatefulWidget是有状态组件,持有的状态可能在widget生命周期改变。 通俗的讲:如果我们
阅读全文
posted @
2023-11-29 15:40
鲤斌
阅读(8)
推荐(0) 编辑
Java 中常见类型的判空方式
摘要:引用类型(Reference Types): 使用 == 运算符判断是否为 null。 使用 != 运算符判断是否不为 null。 使用 Objects.isNull() 方法判断是否为 null。 使用 Objects.nonNull() 方法判断是否不为 null。 字符串类型(String):
阅读全文
posted @
2023-11-24 17:33
鲤斌
阅读(335)
推荐(0) 编辑
18、Scaffold 布局组件
摘要:Scaffold 是一个非常重要的布局组件,它提供了一个常见的应用程序结构布局,包含了许多基础的 UI 元素和交互方式。 Scaffold 组件主要由以下几个部分组成: AppBar:用于显示在页面顶部的应用栏,通常包含标题、导航按钮、操作按钮等。 body:包含了页面主要内容的部分,可以是任意的
阅读全文
posted @
2023-11-23 16:23
鲤斌
阅读(80)
推荐(0) 编辑
17、Flutter StatelessWidget 、 StatefulWidget
摘要:在Flutter中自定义组件其实就是一个类,这个类需要继承StatelessWidget/StatefulWidget。 StatelessWidget是无状态组件,状态不可变的widget StatefulWidget是有状态组件,持有的状态可能在widget生命周期改变。 通俗的讲:如果我们想改
阅读全文
posted @
2023-11-23 16:23
鲤斌
阅读(25)
推荐(0) 编辑
16、Flutter Wrap组件 实现流布局
摘要:Wrap可以实现流布局,单行的Wrap跟Row表现几乎一致,单列的Wrap则跟Column表现几乎一致。但 Row与Column都是单行单列的,Wrap则突破了这个限制,mainAxis上空间不足时,则向crossAxis上 去扩展显示。 Wrap组件的使用 //自定义按钮组件 class MyAp
阅读全文
posted @
2023-11-22 10:13
鲤斌
阅读(158)
推荐(0) 编辑
15、Flutter 按钮组件
摘要:按钮组件的属性 ButtonStylee里面的常用的参数 ElevatedButton ElevatedButton 即"凸起"按钮,它默认带有阴影和灰色背景。按下后,阴影会变大 class MyApp extends StatelessWidget { const MyApp({super.key
阅读全文
posted @
2023-11-21 13:40
鲤斌
阅读(168)
推荐(0) 编辑
14、Flutter Card卡片组件
摘要:Card是卡片组件块,内容可以由大多数类型的Widget构成,Card具有圆角和阴影,这让它看起来有立 体感。 Card实现一个通讯录的卡片 class MyApp2 extends StatelessWidget { const MyApp2({super.key}); @override Wid
阅读全文
posted @
2023-11-20 11:20
鲤斌
阅读(250)
推荐(0) 编辑
13、Flutter AspectRatio 调整子元素child的宽高比
摘要:AspectRatio的作用是根据设置调整子元素child的宽高比。 childAspectRatio 是 GridView 和 AspectRatio 控件中的一个参数 AspectRatio首先会在布局限制条件允许的范围内尽可能的扩展,widget的高度是由宽度和比率决定 的,类似于BoxFit
阅读全文
posted @
2023-11-20 10:15
鲤斌
阅读(255)
推荐(0) 编辑
12、FlutterMediaQuery获取屏幕宽度和高度
摘要:final size =MediaQuery.of(context).size; class HomePage3 extends StatelessWidget { const HomePage3({super.key}); @override Widget build(BuildContext c
阅读全文
posted @
2023-11-17 21:07
鲤斌
阅读(273)
推荐(0) 编辑
11、层叠布局(Stack、Align、 Positioned)
摘要:Flutter Stack组件 Stack表示堆的意思,我们可以用Stack或者Stack结合Align或者Stack结合 Positiond来实现页面的定位 布局 Alignment(对齐)类是用于表示相对于父容器的对齐方式的; Alignment 类的常见用法: Alignment.topLef
阅读全文
posted @
2023-11-17 21:06
鲤斌
阅读(249)
推荐(0) 编辑
10、弹性布局(Flex Expanded)
摘要:自定义的IconContainer class IconContainer extends StatelessWidget { Color color; IconData icon; // IconContainer(this.icon ,{super.key,required this.color
阅读全文
posted @
2023-11-16 19:43
鲤斌
阅读(21)
推荐(0) 编辑
9、线性布局(Row和Column)
摘要:自定义的IconContainer void main() { runApp(MaterialApp( theme: ThemeData(primarySwatch: Colors.yellow), home: Scaffold( appBar: AppBar(title: const Text("
阅读全文
posted @
2023-11-16 18:53
鲤斌
阅读(57)
推荐(0) 编辑
8、Flutter Paddiing组件
摘要:Padding组件处理容器与子元素之间的间距。 class MyApp extends StatelessWidget { const MyApp({super.key}); @override Widget build(BuildContext context) { return Containe
阅读全文
posted @
2023-11-16 10:46
鲤斌
阅读(6)
推荐(0) 编辑
7、Flutter GridView网格布局组件(遍历)
摘要:GridView创建网格列表主要有下面三种方式 1、可以通过GridView.count 实现网格布局 一行的 Widget 数量 class HomePage extends StatelessWidget { const HomePage({Key? key}) : super(key: key
阅读全文
posted @
2023-11-15 18:52
鲤斌
阅读(617)
推荐(0) 编辑
java常用正则表达式工具
摘要:public class RegexUtils { /** * 是否是无效手机格式 * @param phone 要校验的手机号 * @return true:符合,false:不符合 */ public static boolean isPhoneInvalid(String phone){ re
阅读全文
posted @
2023-11-12 23:34
鲤斌
阅读(31)
推荐(0) 编辑
1、reids 基础
摘要:SortedSet类型 特性 1.可排序 2.元素不重复性 3.查询速度快 与普通的集合类型相比,SortedSet 主要有以下两个特点: 有序性:根据分数对元素进行排序,便于范围查找等操作。 不重复性:即使添加了相同的元素,也只会保留一个。 SortedSet 提供了许多常用的操作方法,包括添加元
阅读全文
posted @
2023-11-12 15:37
鲤斌
阅读(18)
推荐(0) 编辑
微信小程序数组
摘要:常用函数 concat(): 连接两个或多个数组,返回连接后的新数组。 示例:const arr1 = [1, 2, 3]; const arr2 = [4, 5, 6]; const arr3 = arr1.concat(arr2); // 返回 [1, 2, 3, 4, 5, 6] copyWi
阅读全文
posted @
2023-11-10 19:04
鲤斌
阅读(776)
推荐(0) 编辑
微信小程序中的数组有许多常用的方法和用法
摘要:声明和初始化一个数组: var array = []; // 声明一个空数组 var array = [1, 2, 3]; // 声明并初始化一个有元素的数组 获取数组长度: var length = array.length; // 获取数组的长度 访问和修改数组元素: var element =
阅读全文
posted @
2023-11-10 19:01
鲤斌
阅读(5959)
推荐(0) 编辑
在xml中比较运算符
摘要:SQL 中,可以使用比较运算符来比较两个值,如使用小于运算符 < 比较两个值大小。但是,在 SQL 查询中,有时候需要将小于运算符 < 用于 XML 或 HTML 语法中,这会导致语法冲突。为了避免这个问题,可以使用 XML 或 HTML 实体引用来表示小于运算符 <,使其不被解释为分隔符。以下是几
阅读全文
posted @
2023-11-10 15:01
鲤斌
阅读(91)
推荐(0) 编辑
时分选择器
摘要:<template> <div> <el-time-picker v-model="selectedTime" :picker-options="timePickerOptions" ></el-time-picker> </div> </template> <script> export defa
阅读全文
posted @
2023-11-09 14:34
鲤斌
阅读(28)
推荐(0) 编辑
6、Flutter 列表组件 滑动
摘要:列表有以下分类: 1、垂直列表 class MyApp extends StatelessWidget { const MyApp({super.key}); @override Widget build(BuildContext context) { return Center( child: L
阅读全文
posted @
2023-11-08 14:04
鲤斌
阅读(83)
推荐(0) 编辑
5、图标组件
摘要:Icon(Icons.search,color: Colors.red,size: 40), 图 标 官 网 Flutter Flutter中借助阿里巴巴图标库自定义字体图标 1. 导入字体图标文件; fonts: - family: myIcon #根据自己的需求定义 fonts: - asset
阅读全文
posted @
2023-11-07 15:47
鲤斌
阅读(14)
推荐(0) 编辑
3、Container容器组件
摘要:Container容器组件 代码 import 'package:flutter/material.dart'; void main() { runApp(MaterialApp( home: Scaffold( appBar: AppBar(title: const Text("这是导航栏")),
阅读全文
posted @
2023-11-07 15:46
鲤斌
阅读(14)
推荐(0) 编辑
4、图片组件详解
摘要:Image组件的常用属性: import 'package:flutter/material.dart'; void main() { runApp(MaterialApp( home: Scaffold( appBar: AppBar(title: const Text("这是导航栏")), bo
阅读全文
posted @
2023-11-07 15:46
鲤斌
阅读(28)
推荐(0) 编辑
2、Text组件详解
摘要:TextStyle 的参数 //代码块 importM import 'package:flutter/material.dart'; void main() { runApp(MaterialApp( home: Scaffold( appBar: AppBar(title: const Text
阅读全文
posted @
2023-11-07 15:45
鲤斌
阅读(17)
推荐(0) 编辑
1、Flutter把内容单独抽离成一个组件
摘要://代码块 importM import 'package:flutter/material.dart'; void main() { runApp( MaterialApp( theme: ThemeData( primarySwatch: Colors.yellow //导航栏颜色 ), hom
阅读全文
posted @
2023-11-07 15:44
鲤斌
阅读(93)
推荐(0) 编辑