首页 > 其他分享 >Flutter开发相关技巧--持续更新

Flutter开发相关技巧--持续更新

时间:2024-05-14 09:41:47浏览次数:25  
标签:红框 Container 技巧 -- width 宽度 Flutter size

1.设置Container宽度(占一半以及占满)

一半的设置:
Container(
    color: Colors.white, // 背景色为白色Z
    width: MediaQuery.of(context).size.width / 2, //宽度占一半
)

还可以减去padding或者margin的宽度

width: MediaQuery.of(context).size.width / 3 - 2, // 减去线条的宽度
占满的设置:
Container(
    width: double.infinity, // 这将确保Container占满可用宽度
),

 

2.ListView加滚动条时,内容不一定非要是列表项

下图中红框为列表项,正常是红框区域可滑动,用List<Widget>包含绿框部分可一起滑动

 

 

标签:红框,Container,技巧,--,width,宽度,Flutter,size
From: https://www.cnblogs.com/heyiping/p/18184920

相关文章

  • prometheus+grafana 使用blackbox_exporte监控站点url
    1.1下载blackbox_exporte插件在https://github.com/prometheus/blackbox_exporter 上下载blackbox_exporte对应版本安装包,并上传到prometheus服务器 /usr/local 目录1.2安装blackbox_exporte[root@rancherlocal]#tarxvfblackbox_exporter-0.25.0.linux-amd64.tar.g......
  • 使用`forEach`方法前后的代码逐步简化过程
    简化前的完整循环代码首先,我们使用传统的for-each循环遍历HashMap:importjava.util.HashMap;importjava.util.Map;publicclassForEachExample{publicstaticvoidmain(String[]args){HashMap<String,Integer>map=newHashMap<>();map.put(......
  • 凯撒密码1
    一、常规凯撒1.原理:它是一种替换加密的技术,明文中的所有字母都在字母表上向后(或向前)按照一个固定数目进行偏移后被替换成密文。例如,当偏移量是3的时候,所有的字母A将被替换成D,B变成E,以此类推。 2.代码实现凯撒#include<stdio.h>#include<stdlib.h>intmain(){charsmall......
  • DBeaver 22.0 最新版本永久激活破解
    DBeaver简介DBeaver是一个通用的数据库管理工具和SQL客户端,支持MySQL,PostgreSQL,Oracle,DB2,MSSQL,Sybase,Mimer,HSQLDB,Derby,以及其他兼容JDBC的数据库。DBeaver提供一个图形界面用来查看数据库结构、执行SQL查询和脚本,浏览和导出数据,处理BLOB/CLOB数据,修改......
  • WEB自动化测试-CSS定位
    CSS相对定位:1、可维护性更强2、语法更加简洁3、可以解决复杂定位场景调试方法:1、进行浏览器的console:2、输入:$(""),输入内有字符串和外层字符串相反,外单内双,外双内单CSS基础语法4方式1、id:$("#site-logo")格式:$("#+id")2、class:(".logo-big")格式:$("......
  • js 取滚动条 和视口大小
    functiongetScrollSize(){if(window.pageXOffset){return{x:window.pageXOffset,y:window.pageYOffset}}else{return{x:document.body.offsetLeft+document.documentElement.offsetLeft,......
  • 洛谷题单指南-动态规划3-P4170 [CQOI2007] 涂色
    原题链接:https://www.luogu.com.cn/problem/P4170题意解读:长度为n的字符串,每次可以将连续一段填为同一个字符,求要填成目标串的最少填涂次数。解题思路:1、状态表示:设s表示目标字符串,dp[i][j]表示将i~j涂成目标"颜色"的最少次数2、状态转移考虑i~j的两端,当i==j,说明只有一个......
  • apisix~lua插件开发与插件注册
    开发插件的步骤在APISIX中,要自定义插件,一般需要按照以下步骤进行操作:编写Lua脚本:首先,你需要编写Lua脚本来实现你想要的功能。可以根据APISIX提供的插件开发文档和示例进行编写。将Lua脚本放置到APISIX插件目录:将编写好的Lua脚本文件放置到APISIX的插件目录下,一般是/usr/loc......
  • 格雷码和二进制的转换
    格雷码和二进制的转换方法如下:二进制码转换成格雷码:方法是从二进制码的最右边一位(最低位)起,依次将每一位与左边一位进行异或运算,作为对应格雷码该位的值,而最左边高位不变。对应公式为:g[n]=b[n],g[i]=b[i]xorb[i+1](i∈N,n-1≥i≥1),其中g、b分别对应n位的格......
  • LeetCode 2956. Find Common Elements Between Two Arrays
    原题链接在这里:https://leetcode.com/problems/find-common-elements-between-two-arrays/description/题目:Youaregiventwo 0-indexed integerarrays nums1 and nums2 ofsizes n and m,respectively.Considercalculatingthefollowingvalues:Thenumberof......