HarmonyOS 在一个新的@Entry页面，使用Image组件首次加载本地uri图片时显示空白

@Entry  
@Component  
struct Index {  
  @State imagePath: string = ''  
  private context = getContext(this) as common.UIAbilityContext;  
  
  build() {  
    Row() {  
      Column() {  
        Image(this.imagePath)  
          .width(200)  
          .height(300)  
          .objectFit(ImageFit.Cover)  
          .backgroundColor(Color.Pink)  
          .margin({ bottom: 20 })  
        Button("选择图片")  
          .onClick(() => {  
            this.selectPhoto()  
          })  
      }.width('100%')  
    }.height('100%')  
  }  
  selectPhoto() {  
    const photoSelectOptions = new picker.PhotoSelectOptions();  
    const photoViewPicker = new picker.PhotoViewPicker();  
    photoSelectOptions.MIMEType = picker.PhotoViewMIMETypes.IMAGE_TYPE; // 过滤选择媒体文件类型为IMAGE  
    photoSelectOptions.maxSelectNumber = 1; // 选择媒体文件的最大数目  
    photoViewPicker.select(photoSelectOptions).then((photoSelectResult: picker.PhotoSelectResult) => {  
      const fileUri = photoSelectResult.photoUris[0]  
      this.getFileInfo(fileUri)  
    })  
  }  
  async getFileInfo(filePathString: string) {  
    let resFile = fs.openSync(filePathString, fs.OpenMode.READ_ONLY)  
    const dateStr = (new Date().getTime()).toString()  
    // 临时文件目录  
    let newPath = this.context.filesDir + `/${dateStr + resFile.name}`;  
    // 转化路径  
    fs.copyFileSync(resFile.fd, newPath);  
    // 新的路径  
    let realUri = 'file://' + newPath;  
    this.imagePath = realUri  
    console.log(this.imagePath)  
  }  
}
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.