如何实现右边不动,左边自适应的布局

如何实现右边不动,左边自适应的布局

HarmonyOS
2024-05-26 14:08:40
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
sslijun

实现右边不动,左边自适应的布局

核心代码如下:

@Entry 
@Component 
struct Index { 
  build() { 
    Column() { 
      Text('ArkTS布局') 
        .width('100%') 
        .height(50) 
        .backgroundColor(Color.Black) 
        .fontColor(Color.White) 
      Text('其他').layoutWeight(1) 
      Row() { 
        Text('已选中100件物品') 
          .backgroundColor(0x003456).fontSize(20).fontColor(0xff6600).textAlign(TextAlign.Start).padding({left:16}) 
          .layoutWeight(1).height(55) 
        Text('确定') 
          .backgroundColor(0xD2B48C).fontSize(16).fontColor(0xffffff).textAlign(TextAlign.Center) 
          .width(100).height(55) 
      }.size({ width: '100%', height: 55 }) 
    } 
  } 
}

实现效果

分享
微博
QQ
微信
回复
2024-05-27 17:15:56
相关问题
Web组件如何实现高度自适应
421浏览 • 1回复 待解决
Grid组件如何实现高度自适应
1355浏览 • 1回复 待解决
软键盘弹出时,页面的自适应
403浏览 • 1回复 待解决
自定义弹窗大小如何自适应内容
768浏览 • 1回复 待解决
InnoDB为什么需要自适应Hash索引?
1169浏览 • 1回复 待解决
全面屏手机沉浸式状态栏自适应
340浏览 • 1回复 待解决
ArkUI(ets)怎么实现右边框?
2113浏览 • 1回复 待解决
ArkTS布局组件实现瀑布流式布局
297浏览 • 1回复 待解决
如何将 Checkbox 文字放在左边
9349浏览 • 1回复 待解决