HarmonyOS 鸿蒙Next row中的子控件超出了row的范围

发布于 1周前 作者 ionicwang 来自 鸿蒙OS

HarmonyOS 鸿蒙Next row中的子控件超出了row的范围

怎么才能让它们不超出row的范围
Row({space:5}) {
Image($r(‘app.media.login_device_phone’))
.width(20)
.height(20)
Text(‘杨婷的iPhonewewewewewewewewsasdasasasasasasasasas’)
.fontColor(’#333333’)
.fontSize(15)
.maxLines(1)
.textOverflow({ overflow: TextOverflow.Ellipsis })
Text(‘本机’)
.fontColor(’#999999’)
.fontSize(13)
.width(34)
.height(20)
.borderWidth(0.5)
.textAlign(TextAlign.Center)
.borderColor(’#E2E2E2’)
.borderRadius(2)
}
.margin({
top:13
})
.layoutWeight(1)


更多关于HarmonyOS 鸿蒙Next row中的子控件超出了row的范围的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html

Harmonyos Next教程
3 回复 
Text('杨婷的iPhonewewewewewewewewsasdasasasasasasasasas')
  .fontColor('#333333')
  .fontSize(15)
  .maxLines(1)
  .textOverflow({ overflow: TextOverflow.Ellipsis })
  .layoutWeight(1)

更多关于HarmonyOS 鸿蒙Next row中的子控件超出了row的范围的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


就是加了个layoutWeight(1)

在HarmonyOS鸿蒙系统中，当Next row中的子控件超出了row的范围时，通常是由于布局配置不当或子控件尺寸设置不合理导致的。

  1. 检查布局文件：首先确认布局文件中Next row（即FlexboxLayout或其他布局容器）的配置。确保没有设置固定尺寸或尺寸约束，这可能会限制子控件的展示范围。

  2. 子控件尺寸：检查超出范围的子控件的尺寸设置。如果子控件设置了过大的宽度或未设置适当的宽度限制（如使用wrap_content但内容过大），则可能导致其超出父容器的范围。

  3. FlexboxLayout属性：如果使用FlexboxLayout，检查其flex_direction、justify_content和align_items等属性。这些属性决定了子控件在容器中的排列和对齐方式，不当的设置可能导致布局溢出。

  4. 滚动视图：如果布局内容确实需要超出屏幕范围，考虑使用Scroll或List等支持滚动的容器来包裹Next row，以便用户可以滚动查看全部内容。

如果问题依旧没法解决请联系官网客服,官网地址是：https://www.itying.com/category-93-b0.html

回到顶部