HarmonyOS Column布局包含list

column布局中有普通布局,同时包含list时,最后一个list的最后元素无法完全显示,如何解决?

HarmonyOS
2024-11-28 09:30:07
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
superinsect

​最有可能的原因是非flex的线性布局容器给子组件布局时,子组件获得的布局约束会受如layoutWeight或flexShrink、flexGrow的影响。其他组件和list组件的布局约束相同,list使用maxHeight获得真实高度(等于column的高度),再加上其他组件的高度占位,使list中的最后一部分item无法完整显示在屏幕内,list上设置layoutWeight后,column会为list指定大小为剩余空间大小,所以list就能完整显示。

示例代码如下:如若list不设置 .layoutWeight(100),则list的最后一个item就不能完整显示。​

@Entry 
@Component 
struct Index { 
  @State strList : Array<String> = ['Hello World','init','1','2','3','4','5','6','7','8','9','10','11','12','13','14','15','16','17'] 
  build() { 
    Column() { 
      Text("111111") 
        .fontSize(100) 
      List() { 
        ForEach(this.strList, (item: string,index: number) => { 
          ListItem(){ 
            Text(item) 
              .fontSize(100) 
          } 
        }) 
      } 
      .layoutWeight(300) 
    } 
    .width('100%') 
    .height('100%') 
  } 
}
分享
微博
QQ
微信
回复
2024-11-28 14:51:31
相关问题
使用List嵌套实现表格布局
999浏览 • 1回复 待解决
使用List组件实现多列布局
554浏览 • 1回复 待解决
使用List组件设置多列布局的方式
527浏览 • 1回复 待解决
HarmonyOS column设置圆角不起作用
541浏览 • 1回复 待解决
获取Column最终的宽高
442浏览 • 1回复 待解决
HarmonyOS list scrollToIndex
36浏览 • 1回复 待解决
HarmonyOS 集合判断是否包含api差异
253浏览 • 1回复 待解决
HarmonyOS 如何实现文本中包含图片?
406浏览 • 1回复 待解决
HarmonyOS List联动滑动
21浏览 • 1回复 待解决