HarmonyOS 组件尺寸显示异常

如下代码,宽度设置了100%,但实际宽度如截图所示并没有撑满

@Entry
@Component
struct AlignRuleTestPage {
  @State message: string = 'Hello World';

  build() {
    RelativeContainer() {
      Text(this.message)
        .id('AlignRuleTestPageHelloWorld')
        .fontSize(30)
        .width("100%")
        .aspectRatio(6)
        .margin({
          top: "14%"
        })
        .backgroundColor(Color.Red)
        .fontWeight(FontWeight.Bold)
        .alignRules({
          top: { anchor: '__container__', align: VerticalAlign.Top },
          left: { anchor: '__container__', align: HorizontalAlign.Start },
          right: { anchor: '__container__', align: HorizontalAlign.End },
        })
    }
    .height('100%')
    .width('100%')
  }
}
HarmonyOS
4天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
fox280

请参考以下demo:

@Component
struct Index {
  @State message: string = 'Hello World';

  build() {
    RelativeContainer() {
      Text(this.message)
        .id('AlignRuleTestPageHelloWorld')
        .fontSize(30)//.aspectRatio(0)  去掉
        .margin({
          top: "14%"
        })
        .backgroundColor(Color.Red)
        .fontWeight(FontWeight.Bold)
        .width("100%")
        .height('100%')
    }
    .height('100%')
    .width('100%')
  }
}

aspectRatio的使用参考链接:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-universal-attributes-layout-constraints-V5

分享
微博
QQ
微信
回复
4天前
相关问题
HarmonyOS 弹窗显示异常
259浏览 • 1回复 待解决
Grid组件显示异常该怎么处理?
344浏览 • 1回复 待解决
HarmonyOS 字符串显示异常
458浏览 • 1回复 待解决
HarmonyOS Text加载藏文时,显示异常
36浏览 • 1回复 待解决
HarmonyOS list左滑 字体显示异常
15浏览 • 1回复 待解决
Rect设置渐变显示异常
297浏览 • 0回复 待解决
import Sample 里异常显示
6473浏览 • 1回复 待解决
HarmonyOS 如何获取某个组件尺寸
52浏览 • 1回复 待解决
HarmonyOS Text.textOverflow超长时显示异常
591浏览 • 1回复 待解决
如何处理webview显示元素尺寸过小
2210浏览 • 1回复 待解决
H5中的图片在Web组件显示异常
265浏览 • 1回复 待解决
HarmonyOS Grid组件拖动异常
347浏览 • 1回复 待解决
使用TextPicker控件显示异常的问题
841浏览 • 1回复 待解决
如何设置组件尺寸范围?
385浏览 • 1回复 待解决
如何设置组件的内边距尺寸
469浏览 • 1回复 待解决
如何设置组件的外边距尺寸
391浏览 • 1回复 待解决
HarmonyOS Web组件加载富文本异常
287浏览 • 1回复 待解决
HarmonyOS Web组件加载html文件异常
520浏览 • 1回复 待解决