HarmonyOS 鸿蒙Next Grid组件设置supportAnimation(true)和columnsTemplate('1fr 1fr 1fr 1fr')时,1到13条数据显示,长按拖动第13条数据到第6条数据时app闪退的原因是什么?
HarmonyOS 鸿蒙Next Grid组件设置supportAnimation(true)和columnsTemplate(‘1fr 1fr 1fr 1fr’)时,1到13条数据显示,长按拖动第13条数据到第6条数据时app闪退的原因是什么?
@Entry @Component struct Index { @State message: string = ‘Hello World’;build() { // RelativeContainer() { // Text(this.message) // .id(‘HelloWorld’) // .fontSize(50) // .fontWeight(FontWeight.Bold) // .alignRules({ // center: { anchor: ‘container’, align: VerticalAlign.Center }, // middle: { anchor: ‘container’, align: HorizontalAlign.Center } // }) // } // .height(‘100%’) // .width(‘100%’) Column() { this.content() } }
@Builder content() { Column() { Column() {
} .layoutWeight(20) .height('100%') Column() { } .layoutWeight(25) .height('100%') Column() { GridExample() } .layoutWeight(32) .height('100%') } .backgroundColor('#F7F7F8') .width('100%') .padding(8)
} }
// @Entry @Component struct GridExample { @State numbers: string[] = [] scroller: Scroller = new Scroller() @State text: string = ‘drag’
@Builder pixelMapBuilder() { //拖拽过程样式 Column() { Text(this.text) .fontSize(16) .backgroundColor(0xF9CF93) .width(80) .height(80) .textAlign(TextAlign.Center) } }
aboutToAppear() { for (let i = 1; i <= 15; i++) { this.numbers.push(i + ‘’) } }
changeIndex(index1: number, index2: number) { //交换数组位置 let temp: string; temp = this.numbers[index1]; this.numbers[index1] = this.numbers[index2]; this.numbers[index2] = temp; }
build() { Column({ space: 5 }) { Grid(this.scroller) { ForEach(this.numbers, (day: string) => { GridItem() { Text(day) .fontSize(16) .backgroundColor(0xF9CF93) .width(80) .height(80) .textAlign(TextAlign.Center) } }) } .columnsTemplate(‘1fr 1fr 1fr 1fr’) .supportAnimation(true) .columnsGap(10) .rowsGap(10) .width(‘90%’) .backgroundColor(0xFAEEE0) // .height(210) .height(‘90%’) .editMode(true) //设置Grid是否进入编辑模式,进入编辑模式可以拖拽Grid组件内部GridItem .onItemDragStart((event: ItemDragInfo, itemIndex: number) => { //第一次拖拽此事件绑定的组件时,触发回调。 this.text = this.numbers[itemIndex] return this.pixelMapBuilder() //设置拖拽过程中显示的图片。 }) .onItemDrop((event: ItemDragInfo, itemIndex: number, insertIndex: number, isSuccess: boolean) => { //绑定此事件的组件可作为拖拽释放目标,当在本组件范围内停止拖拽行为时,触发回调。 // isSuccess=false时,说明drop的位置在grid外部;insertIndex > length时,说明有新增元素的事件发生 if (!isSuccess || insertIndex >= this.numbers.length) { return } console.info(‘beixiang’ + itemIndex + ‘’, insertIndex + ‘’) //itemIndex拖拽起始位置,insertIndex拖拽插入位置 this.changeIndex(itemIndex, insertIndex) }) }.width(‘100%’).margin({ top: 5, bottom: 30 }) } }
复现步骤
1.重新打开app
2.滚动gird列表到底部
3.长按拖动13,一直不要松手
4.拖到6和7中间,13一半上边的地方(左右轻微移动,一直不要松手)
5.如果不行,再重复以上步骤
日志都是cpp底层的日志没法判断是什么原因了
直接新建项目,把代码复制即可复现问题情况了
以上代码就是根据文档的样例代稍微改动的
https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-container-grid-V5#示例5
解决方案(应该叫临时解决方案才对,估计应该是bug来的)
添加一下代码即可
.cachedCount(1)
参数数量只要大于0即可,看实际情况设置即可
总结
所以只要用到Grid组件并且设置supportAnimation(true),并且使用拖动功能都需要设置这段代码
所以我总结只要使用Grid组件都添加这样就不会莫名其妙异常了
针对HarmonyOS 鸿蒙Next Grid组件在设置supportAnimation(true)和columnsTemplate(‘1fr 1fr 1fr 1fr’)时,数据拖动导致的app闪退问题,可能的原因如下:
- 动画支持问题:supportAnimation(true)启用后,系统尝试在拖动时应用动画效果。若动画处理不当或资源分配有误,可能导致应用崩溃。
- 布局更新冲突:columnsTemplate定义了固定的4列布局。当拖动数据项(如第13条到第6条)时,布局需动态调整以适应新位置。若此过程出现逻辑错误或资源竞争,同样会导致闪退。
- 数据同步问题:拖动数据涉及数据源和视图层的同步更新。若此过程存在不一致或冲突,也可能引发应用崩溃。
综上所述,该问题可能与动画处理、布局更新或数据同步有关。由于具体实现细节未提供,建议从上述方面入手排查问题。若仍无法解决,请联系官网客服以获取进一步的技术支持,官网地址是:https://www.itying.com/category-93-b0.html。