《鸿蒙开发-鸿蒙教程-答案之书》Grid怎么显示不完并且滑动不了

news/2025/1/18 9:43:29/
鸿蒙开发-鸿蒙教程-答案之书》Grid怎么显示不完并且滑动不了

关键是看滑动不了,是不是同时设置了columnsTemplate和rowsTemplate。

一般不是固定数量,只能设置一个方向的。

下面就是错误的示范代码:

@Entry
@Component
struct Index {@State message: string = 'Hello World';build() {Column() {Grid(){ForEach([1,2,3,4,6,7,8,9,10,11,12,13,14,15],(item:Number) =>{GridItem(){Text(`${item}`).textAlign(TextAlign.Center).width('100%').height('25%').backgroundColor(Color.Red)}})}.columnsTemplate('1fr 1fr 1fr 1fr').rowsTemplate('1fr 1fr ').height(300).rowsGap(10).columnsGap(10).padding(10).backgroundColor(Color.Blue)}.height('100%').width('100%')}
}

它显示不完,并且滑动不了。


http://www.ppmy.cn/news/1564115.html

相关文章

超标量处理器设计2-cache

1. cache 介绍 影响Cache缺失的情况有3种: Compulsory: 第一次被访问的指令或者数据肯定不会在cache中,需要通过预取来减少这种缺失Capcity: Cache容量越大,缺失就可以更少, 程序频繁使用的三个数据来源于3个set, 但是&#xff…

浅谈计算机网络04 | 现代网络需求与技术支撑

现代网络需求与技术支撑 一、网络和因特网流量的类型剖析1.1 弹性流量的自适应特征1.2 非弹性流量的刚性特征1.3 实时流量特性 二、特定领域的网络需求解析2.1 大数据环境下的网络需求分析2.2 云计算环境下的网络需求分析2.3 移动数据环境下的网络需求分析 三、QoS和QoE&#x…

标准通上线标准「全文检索」功能,提升查询精准度!

前言 标准全文检索:在大量文档或数据库中查找与特定标准相关的全文内容。这种检索方式对于获取详细、精确的信息非常有用,尤其是在需要查找特定标准、规范或法规的详细条款时。 如何在大量的标准中准确、快速地获取所需的标准信息,同时还能…

微信小程序wx.showToast在真机显示时时间设置无效,显示时间很短问题

问题 小程序中,使用showToast,设置duration来控制提示显示时长 发现在微信开发者工具正常,在真机中显示时间比较短,并且设置duration不生效。 原因: 因为在调用showToast之后,又调用了hideLoading() &am…

使用 JUnit 和 SuiteRunner 测试私有方法

我第一次使用 JUnit 是为了为 ServiceUI API 构建一个一致性测试工具包 [ 1 ]。一致性测试工具包的目的是帮助确保同一 API 的替代实现与 API 的规范兼容。由于 API 规范仅定义 API 的公共接口,而不是 API 的实现,因此一致性测试仅测试公共接口。换句话说…

vue2 升级为 vue3+第三方库升级+vue2与vue3混合交互

文章目录 vue2 项目升级为vue3 项目经验分享vue2升级为vue3-第三方库兼容vue2升级为vue3-vuex变化应用vue2与vue3语法交互应用 vue2 项目升级为vue3 项目经验分享 以下是将 Vue2 项目升级为 Vue3 项目的一般步骤: 一、准备工作 备份项目:在开始升级之…

SpiderFlow平台v0.5.0之引入selenium插件

引入selenium插件 首先到码云下载插件点击下载​编辑到本地并导入到工作空间或安装到maven库在spider-flow/spider-flow-web/pom.xml中引入插件 <!-- 引入selenium插件 --> <dependency><groupId>org.spiderflow</groupId><artifactId>spider-…

微信原生小程序自定义封装组件(以导航navbar为例)

封装 topnav.js const App getApp(); Component({// 组件的属性列表properties: {pageName: String, //中间的titleshowNav: { //判断是否显示左上角的按钮 type: Boolean,value: true},showHome: { //判断是否显示左上角的home按钮type: Boolean,value: true},showLocat…