HarmonyOS RichEditor组件内容超出当前默认范围时，会占用其他的组件的位置。如何让其自动进行滚动，而不影响其他组件的显示

RichEditor组件在内容超过显示界面时，不会自动滚动，会把下方的控件覆盖。

代码如下：

import promptAction from '@ohos.promptAction';
import router from '@ohos.router'; // 引入router

@Entry
@Component
struct Index {
  // private defaultTextStyle : boolean = false;
  controller: RichEditorController = new RichEditorController();
  options: RichEditorOptions = { controller: this.controller };

  newContext() {
    this.controller.addTextSpan("0123456789\n", {
      style: {
        fontColor: Color.Pink,
        fontSize: "32",
      },
      paragraphStyle: {
        textAlign: TextAlign.Start,
        leadingMargin: 16
      }
    })
    this.controller.addTextSpan("012345678901234567890123456789012345678901234567890123456789\n", {
      style: {},
      paragraphStyle: {
        textAlign: TextAlign.Start,
        leadingMargin: 16
      }
    })
  }

  build() {
    Column() {
      //标题栏
      Row() {
        Column() {
          Button() {
            Image($r('app.media.icon_back'))
              .width($r('app.float.icon_size'))
              .height($r('app.float.icon_size'))
          }
          .width($r('app.float.hgt_item'))
          .height($r('app.float.hgt_item'))
          .stateStyles({
            normal: { .backgroundColor($r('app.color.clr_major'))
            },
            pressed: { .backgroundColor($r('app.color.clr_button_bg'))
            },
          })
          .onClick(() => {
            router.back();
          })
        }
        .justifyContent(FlexAlign.Center)
        .width($r('app.float.hgt_item'))
        .height($r('app.float.hgt_caption'))

        Column() {
          Text('用户输入')
            .width('100%')
            .height($r('app.float.hgt_caption'))
            .fontSize($r('app.integer.font_caption'))
            .fontColor($r('app.color.start_main'))
            .fontWeight(FontWeight.Normal)
            .textAlign(TextAlign.Center)
        }
        .justifyContent(FlexAlign.Center)
        .flexShrink(1)

        Column()
          .justifyContent(FlexAlign.Center)
          .width($r('app.float.hgt_item'))
          .height($r('app.float.hgt_caption'))
      }
      .width('100%')
      .height($r('app.float.hgt_caption'))
      .backgroundColor($r('app.color.clr_major'))

      RichEditor(this.options)
        .width('100%')
        .clip(true)
        .flexGrow(1)
        .expandSafeArea([SafeAreaType.KEYBOARD])
        .onReady(() => {
          this.newContext()
        })
      Divider().strokeWidth(10).color($r('app.color.clr_background'))
      Button('复制内容')
        .width('80%')
        .height($r('app.float.hgt_item'))
        .onClick(() => {
          this.newContext()
        }) //Button
    }
    .height('100%')
    .width('100%')
    .backgroundColor($r('app.color.clr_background'))
  }
}