HarmonyOS 如何使Text组件填充满父组件?
build() {
Row() {
Row() {
Text(this.str)
.constraintSize({ maxWidth: '100%', minHeight: "30vp" })
.backgroundColor(Color.Gray)
.fontSize('24vp')
}
.key('row1')
.constraintSize({ maxWidth: '100%'})
.backgroundColor(Color.Green)
}
.key('row2')
.backgroundColor(Color.Yellow)
.width('90%')
Button('add')
.onClick(() => {
this.str += 'hello';
})
Button('reset')
.onClick(() => {
this.str = 'hello';
})
}
想让row1组件的大小随Text组件的大小变化,当最外层row2宽度放不下时,自动换行,并且完全填充row2容器,但目前在row1外侧总有一段无法被填充的(下图右侧的黄色区域),如何修改可以使row1/Text完全填充row2?
HarmonyOS
赞
收藏 0
回答 1
待解决
相关问题
HarmonyOS 背景图片如何填充满组件
806浏览 • 1回复 待解决
HarmonyOS Column组件内子元素在不用width('100%')属性时,如何设置子元素宽度填充满父组件区域?
772浏览 • 1回复 待解决
HarmonyOS 子组件被父组件包装后,如何通过父组件设置子组件的属性
799浏览 • 1回复 待解决
HarmonyOS Image组件如何设置填充颜色
332浏览 • 1回复 待解决
父组件中引入har包中页面时怎么使Panel居于父组件的底部展示而不是居于har包
1553浏览 • 1回复 待解决
HarmonyOS 父组件如何响应子组件内的事件方法 ,子组件如何响应父组件内的事件方法?
500浏览 • 1回复 待解决
HarmonyOS 页面底部留白是否可填充,使页面全屏
179浏览 • 1回复 待解决
HarmonyOS 子组件如何拿到父组件的position
107浏览 • 1回复 待解决
HarmonyOS 父组件如何调用子组件的方法?
541浏览 • 0回复 待解决
HarmonyOS 自定义组件父组件如何给子组件传递数据
285浏览 • 1回复 待解决
HarmonyOS 父组件的圆角如何作用于子组件
115浏览 • 1回复 待解决
HarmonyOS 子组件超出父组件布局
232浏览 • 1回复 待解决
HarmonyOS 子组件超出父组件宽度
224浏览 • 1回复 待解决
HarmonyOS 父组件调用子组件方法
329浏览 • 1回复 待解决
父组件调用子组件的方法
1579浏览 • 1回复 待解决
弹窗组件调用父组件函数传递
1367浏览 • 1回复 待解决
HarmonyOS TextInput组件背景颜色如何跟随父组件显示
185浏览 • 1回复 待解决
HarmonyOS 子组件如何触发父组件中的方法
215浏览 • 1回复 待解决
HarmonyOS 父组件如何调用子组件里的方法
122浏览 • 1回复 待解决
HarmonyOS 父组件如何禁用子组件的滑动事件
278浏览 • 1回复 待解决
如何阻止组件的鼠标事件冒泡到父组件
2090浏览 • 1回复 待解决
父组件如何与孙子组件进行状态同步
3081浏览 • 1回复 待解决
HarmonyOS如何使Text中的单词折行显示
587浏览 • 1回复 待解决
HarmonyOS 通过子组件调用父组件方法修改父组件的值后,如何显示以及动态刷新父组件bindsheet标题栏的UI
280浏览 • 1回复 待解决
HarmonyOS 子组件响应父组件的事件方法
438浏览 • 1回复 待解决
把row2的width去掉就好了,如果需要调节布局可以使用margin。