输入关键字搜索

开发者能力认证

鸿蒙高校创新赛

HarmonyOS 7

animation

HarmonyOS行业解决方案

layoutWeight

HarmonyOS模板&组件

bindPopup

bindsheet

CTRL+K

文档管理中心

我的

Hello，

欢迎来到开发者联盟

消失的发际线

如何设置底部右边按钮固定宽度、左边组件占据剩余宽度？

专题：ArkUI（eTS）常见UI效果汇总（更新中）

效果图如下：

主要是.width(100)和.layoutWeight(1)属性搭配使用。具体代码如下：

收起
自动换行
深色代码主题
复制

@Entry@Componentstruct Index {  build() {    Column() {      Text('其他').layoutWeight(1)      Row() {        Text('¥300')          .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 })    }  }}

2

1

5

浏览999 编辑于2021-12-29 02:08未知归属地

全部评论

最多点赞

最新发布

最早发布

185******93

正困扰呢，太谢谢你了！

4楼回复于2023-11-29 00:03 来自广东

peter

学习了，谢谢。

3楼回复于2022-11-26 09:26 来自辽宁

钵钵鸡

楼主的这篇文章，简直是技术天花板，解决了困扰我多年的问题，dazan

2楼回复于2022-01-07 08:35 未知归属地

Atolia

我被楼主的井喷式发帖震撼到无以复加

1

1楼回复于2021-12-22 09:38 未知归属地

消失的发际线
哈哈，水一下
2021-12-23 08:48 未知归属地

写回答

新增插入模板功能

一键使用模板，快速填写内容，轻松发帖～

知道了

为了保障您的信息安全，请勿上传您的敏感个人信息（如您的密码等信息）和您的敏感资产信息（如关键源代码、签名私钥、调试安装包、业务日志等信息），且您需自行承担由此产生的信息泄露等安全风险。
如您发布的内容为转载内容，请注明内容来源。

匿名回复

我要发帖子

了解社区公约，与您携手共创和谐专业的开发者社区。