HarmonyOS 关于组件height百分比显示问题

假设一个Column组件中有A B C 三个组件, A的height为height(20),B的height('80%'), 那么C的高度如何显示表示(目前C的默认高度并不等于父组件的剩余高度),height('20%'-20),语法上并不行。

HarmonyOS
2024-09-26 11:55:13
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
zxjiu

可以使用flex布局,demo如下:

@Component  
@Entry  
struct Index {  
  build() {  
    Column() {  
      Flex({ direction: FlexDirection.Column}){  
        Text('你好').width('100%').height(20).backgroundColor(Color.Gray)  
        Text('我好').width('100%').height('80%').backgroundColor(Color.Orange)  
        Text('大家好').flexBasis(1).flexShrink(1).flexGrow(1).backgroundColor(Color.Blue).width('100%')  
      }  
  
    }  
    .width('100%')  
    .height('100%')  
    .backgroundColor(Color.Pink)  
  }  
}
分享
微博
QQ
微信
回复
2024-09-26 15:47:40
相关问题
HarmonyOS 关于Navigation组件问题
469浏览 • 1回复 待解决
HarmonyOS 关于Tabs组件的TabContent问题
34浏览 • 1回复 待解决
如何设置自定义组件height缺省
1854浏览 • 1回复 待解决
HarmonyOS 关于Grid组件拖拽排序的问题
437浏览 • 0回复 待解决
关于动态创建的组件销毁问题
239浏览 • 1回复 待解决
sharding-jdbc分库表的问题
1967浏览 • 1回复 待解决
Scroll组件显示不全问题
1180浏览 • 1回复 待解决
关于Image组件的两个问题
406浏览 • 1回复 待解决