HarmonyOS鸿蒙Next中Divider组件无法绘制到安全区底部

HarmonyOS鸿蒙Next中Divider组件无法绘制到安全区底部 纯血鸿蒙开发。

我想用Divider组件做一个竖直的分割线，但是设置 扩展到安全区无效：.expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.BOTTOM])

已经给其父组件也设置了相同扩展安全区代码。代码很简单：

Flex({direction: FlexDirection.Row}) {

  Divider()
    .vertical(true)
    .height('100%')
    .color('#F1F3F5')
    .strokeWidth(8)
    .expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.BOTTOM])
}
.height('100%')
.width('100%')
.backgroundColor('#675590')
.expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.BOTTOM])

我去，是不是系统有bug啊？？？坑的一逼


更多关于HarmonyOS鸿蒙Next中Divider组件无法绘制到安全区底部的实战教程也可以访问 https://www.itying.com/category-93-b0.html

3 回复

Divider()
.width(“8”)
.height(‘100%’)
.backgroundColor(’#F1F3F5’)
.strokeWidth(‘8vp’)
.expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.BOTTOM])

更多关于HarmonyOS鸿蒙Next中Divider组件无法绘制到安全区底部的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在HarmonyOS鸿蒙Next中，Divider组件无法绘制到安全区底部的问题可能与布局约束或安全区设置有关。首先，确保Divider组件的父容器布局正确，且未设置不必要的约束。其次，检查安全区设置，确保Divider组件的布局参数未受到安全区限制。可以通过调整布局参数或使用特定的布局组件来解决此问题。

在HarmonyOS鸿蒙Next中，Divider组件默认不会绘制到安全区底部。要解决这个问题，可以通过设置layoutConstraint属性，将Divider组件约束到安全区底部。例如：

Divider divider = new Divider(context);
divider.setLayoutConstraint(ComponentContainer.LayoutConfig.MATCH_PARENT, 1);
divider.setBackgroundColor(Color.BLACK);
divider.setLayoutConstraint(ComponentContainer.LayoutConfig.MATCH_PARENT, ComponentContainer.LayoutConfig.MATCH_PARENT);

确保在布局中正确设置约束，使其能够延伸到安全区底部。

回到顶部