直接设置. borderRadius()无效，如何让文本在底部时有圆角效果

@Entry 
@Component 
struct Index { 
  build() { 
    Stack({ alignContent: Alignment.Bottom }) { 
      Image($r('app.media.app_icon')) 
        .objectFit(ImageFit.Cover) 
      Text('图片标题内容').fontColor(Color.White) 
        .width('100%') 
        .height(20) 
        .backgroundColor(Color.Black) 
    } 
    .width(120) 
    .height(120) 
    .borderRadius(50) 
    .clip(true) 
    .backgroundColor(Color.Red) 
    .margin(20) 
  } 
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.