HarmonyOS 如何实现让里层view的宽度等于外层view的宽度

可以通过border来实现，参考示例如下：

import { LengthMetrics } from '@kit.ArkUI';

@Entry
@Component
struct Index {
  @State value: string = '登录'
  @State sizeValue: string = ''
  @State message: string = 'Hello World';
  @State dWidth: Length = 0

  build() {
    NavDestination() {
      RelativeContainer() {
        Column() { /// 1号
          Column() { /// 2号
            Divider()
              .height(8)
              .width(this.dWidth)
              .backgroundColor($r("app.color.colorPrimary"))
              .position({
                start: LengthMetrics.px(0),
                end: LengthMetrics.px(0),
                bottom: LengthMetrics.px(0)
              })

            Text('登录')
              .fontColor("#333")
              .fontSize(30)
              .fontWeight(FontWeight.Bold)
              .onAreaChange((oldValue: Area, newValue: Area) => {
                console.info(JSON.stringify(newValue))
                console.log('输出：', newValue)
                console.log('输出：', newValue.width)
                console.log('输出：', typeof newValue.width)
                this.dWidth = newValue.width
              })
          }
          .width("auto")
          .justifyContent(FlexAlign.End)
          .alignItems(HorizontalAlign.Start)
          .margin({
            top: 80,
            left: 10
          })

        }
        .alignItems(HorizontalAlign.Start)
        .backgroundColor($r('app.color.white'))
        .width('100%')
        .height('100%')
        .padding({
          left: '35',
          right: '25'
        })
      }
      .padding({ top: AppStorage.get<number>('statusBarHeight') })
    }
    .hideTitleBar(true)
  }
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.