GridView.count 常用属性 crossAxisCount: 每一行(如果滚动方向是垂直的话)或每一列(如果滚动方向是水平的话)有多少个子组件。这是必须指定的参数。 childAspectRatio: 子组件宽高比,默认值为 1.0,即正方形。你可以通过调整这个值来改变子组件的大小。例如
列表组件
ListView 常用属性讲解 1. children 3. separatorBuilder 4. scrollDirection 5. physics 6. shrinkWrap 7. padding 8. itemExtent ListTile 使用 自定义垂直列表组件 自定义水平列表 实现水平列表商品效果 ListView.builder 使用 ListView 常用属性讲解 ListView 是 Flutter 中用于展示滚动列表的一个非常常用的小部件。以下是一些常用的 ListView 属性及其说明:
内置图标和自定义图标的使用
使用内置图标 import 'package:flutter/material.dart'; void main() { runApp( MaterialApp( home: Scaffold( appBar: AppBar(title: const Text("App Title"), backgroundColor: Colors.red), body: const MyHomePage(), ), ), ); } class MyHomePage extends StatelessWidget { const MyHomePage({super.key}); @override Widget build(BuildContext context) { return const Center( child: Column( children: [ Icon(Icons.home, size: 40), SizedBox(height: 20), Icon(Icons.add_a_photo, size: 40), SizedBox(height: 20), Icon(Icons.ac_unit), ], ), ); } } 效果: 使用阿里巴巴图标库 1. 下载图标字体文件 选中图标加入购物车 打开购物车,
图片组件
从网络加载图片 常用属性 对齐方式, alignment 缩放 scale 平铺方式 fit 重复方式 repeat 圆形图片 Container 方式 ClipOval 方式 ClipOval 介绍 读取本地图片 从网络加载图片 child: Image.network("https://profile-avatar.csdnimg.cn/cbaf0093c7ea46a89fd3780f1a250fbe_a141210104.jpg"), 默认保持比例缩放: class MyApp extends StatelessWidget { const MyApp({super.key}); @override Widget build(BuildContext context) { return Center( child: Container( width: 30, height: 300, color: Colors.green, child: Image.network("https://profile-avatar.csdnimg.cn/cbaf0093c7ea46a89fd3780f1a250fbe_a141210104.jpg"), ), ); } } 效果: 常用
Container 使用
Container 圆角 阴影 渐变 线性渐变 圆形渐变 扫描渐变 位移 水平方向或者垂直方向移动 旋转 缩放 完整示例 Container 它可以包含其他 Widget,并允许你控制其布局、大小、边距、填充、装饰等属性 Container 有许多属性,主要包括: alignmen
Dart 学习笔记
字符串 多行字符串 String str1 = """ 你好 dart """; print(str1); 字符串拼接 String str2 = "你好"; String str3 = "dart"; print("$str2 $str3"); 列表 指定类型创建 var l1=<String>["1","2"] var l2=<int>[1,2,3]; 移除 new List() 新版本不支持 new 创建列表 List.filled 创建固定长度列表 // 创建长度是 5,每个元素的值是
js 函数
js 中的函数,既不关心参数个数,也不关心参数类型 函数的参数在内部表现为一个数组。函数被调用时总会接收一个数组,但函数并不关心这个数组中包含什么。如果数组中什么也没有,那没问题;如果数组的元素超出了要求,
js中代理
代理原对象的 get 方法 捕获器不变式 可撤销代理 十三种捕获器 1. get() 2. set() 3. has 捕获器 4. defineProperty() 捕获器 5. getOwnPropertyDescriptor 6. deleteProperty() 7. ownKeys() 8. getPrototypeOf() 9. setPrototypeOf() 10. isExtensible() 11. preventExtensions() 12. apply() 13. construct() 常见代理使用场景 跟踪属性访问 隐藏属性 属性验证 构造函数参数验证 数据绑定 代理原对象的 get 方
亲密关系
5. 沟通 在线沟通存在大量的人际隔阂 男女没有巨大的差异 自我表露 男依赖女获取温情 女性与两性伙伴都保持着亲密联系 男性一生中或许需要与女人交往来避免孤独,这方面女性通常不需要男性 工具性对表达性 大男子主义 常把男性
掌控习惯读书笔记
掌控习惯 中心思想 逃避坏习惯而不是克服坏习惯 发掘自身潜能比盲目努力有效 努力做好对自己容易的事情 习惯动作+刻意练习=精通 如何养成好习惯 让他显而易见 设计环境,让好习惯的提示清晰 把运动鞋放在显眼的位置, 把跳绳
ElasticSearch 系列之背景和基本原理介绍
1. ElasticSearch 简介 Elasticsearch 是用 Java 开发并且是当前最流行的开源的企业级搜索引擎。 能够达到实时搜索,稳定,可靠,快速,安装使用方便。 客户端支持 Java、.NET(C#)、PHP、Python、Ruby 等多种语言,可以通过 JSON
ShardingSphere分库分表与读写分离实战
关于 ShardingSphere 关于 ShardingSphere 功能 分库分表的作用 分库分表策略的选择 核心概念 分片策略介绍 准备工作 1. 数据库 2. 新建 SpringBoot 项目 3. 在项目中配置数据源 4. 项目目录结构 inline 1. 新建 course 表 2. 指定逻辑表与实际表的关系 3. 编写实体类 4. 测试插入 5. 测试全表
MySQL 高可用架构
MySQL 是实际生产中最常用的数据库,生产环境数据量极为庞大,对性能和安全要求很高,单机的 MySQL 是远远达不到的,所以必须搭建一个主从复制架构,同时可以基于一些工具实现高可用架构,在此基础上,基于一些中间件实现读写
maven 常用知识速记
依赖 创建项目 maven archetype:generate 依赖范围 有如下依赖示例: <dependency> <groupId>junit</groupId> <artifactId>junit</artifactId> <version>4.7</version> <scope>test</scope> </dependency> 其中有一个scope标签来声明该依赖的作用范围 首先需要知道,Maven 在编译项目主代码的时候需要使用一套 classpath。在上例中,假如编译项目主
nginx中location匹配规则
精确匹配 / ,主机名后面不能带任何字符串 location = / { add_header Content-Type text/plain; return 200 'A'; } 或 location = /login { add_header Content-Type text/plain; return 200 'B'; } 匹配任何以 /static/ 开头的地址,匹配以后,不再继续往下检索正则,立即采用这一条。 location ^~ /static/ { add_header Content-Type text/plain; return 200 'C'; } 匹配所有以 txt 结尾的请求