@Preview
@Component
export struct Test {
  build() {
    Row() {

      RelativeContainer() {
        Image($r('app.media.ic_like_uncheck'))
          .width('100%')
          .borderRadius(24)
          .aspectRatio(1)
          .border({ width: 1, color: Color.White, style: BorderStyle.Solid })
          .alignRules({
            top: { anchor: "__container__", align: VerticalAlign.Top },
            left: { anchor: "__container__", align: HorizontalAlign.Start }
          })
          .id("row1")

        Image($r('app.media.ic_add'))
          .width(24)
          .borderRadius(12)
          .alignRules({
            left: { anchor: "__container__", align: HorizontalAlign.Center },
            bottom: { anchor: "__container__", align: VerticalAlign.Bottom },
          })
          .margin({ left: -12 })
          .id("row2")
      }.height('auto')

    }
    .height(58)
    .width(48)
    .backgroundColor(Color.Black)

  }
}