HarmonyOS鸿蒙Next中List组件水平方向时后面的内容会不见了

HarmonyOS鸿蒙Next中List组件水平方向时后面的内容会不见了 如图，

如题，

当list为垂直方向时，可以显示两个list内容，

当list为水平方向时，只显示第一个，第二个会没了。

另测，当list为水平方向时，其后面任何内容都会没了。

请问，这时需要怎样设置才能避免这样的情况？

3 回复

Column组件默认占满整个容器，设置Column的高度就可以

Column({
  space:15
}){
  Column(){
    List({
      space:10
    }){
      ListItem(){
        Text('00')
      }
      ListItem(){
        Text('11')
      }
      ListItem(){
        Text('22')
      }
    }.listDirection(Axis.Horizontal)
  }.height('50%')
  Column(){
    List({
      space:10
    }){
      ListItem(){
        Text('99')
      }
      ListItem(){
        Text('88')
      }
      ListItem(){
        Text('77')
      }
    }.listDirection(Axis.Horizontal)
  }.height('50%')
}

更多关于HarmonyOS鸿蒙Next中List组件水平方向时后面的内容会不见了的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


给里面的两个column布局高度，再用layoutWeight调整

在HarmonyOS鸿蒙Next中，List组件水平方向显示时，如果后面的内容不见了，可能是由于布局或样式设置不当。建议检查以下几点：

  1. 宽度设置：确保List的宽度足够容纳所有内容，可以使用width: 100%或具体数值。
  2. 滚动设置：如果内容超出容器宽度，确保启用了水平滚动，使用scrollDirection: 'horizontal'。
  3. 布局容器：确保List的父容器没有限制宽度，导致内容被裁剪。
  4. 样式覆盖：检查是否有其他样式覆盖了List的默认行为。

通过调整这些设置，可以解决内容显示不全的问题。

回到顶部