HarmonyOS row包含一个image,一个text,text会超过row的边界
row包含一个image,一个text,text会超过row的边界(改成用imageSpan没问题)
@Component
export struct VSOrderDetailAddressCell {
@Consume(OrderDetailProvider.viewModel) viewModel: OrderDetailViewModel
build() {
if (!this.viewModel.isShowTrack() && (isNotNullOrUndefined(this.viewModel.orderDetail?.tradeInShopInfo) || this.viewModel.isShowAddressInTop())) {
Column({space: 4}) {
Row({space: 8}) {
Image($r('app.media.order_icon_address_gradinet')).width(21).height(21)
Text() {
if (isStringAndNotEmpty(this.viewModel.orderDetail?.buyer)) {
Span(this.viewModel.orderDetail?.buyer)
}
if (isStringAndNotEmpty(this.viewModel.orderDetail?.mobile)) {
Span((isStringAndNotEmpty(this.viewModel.orderDetail?.buyer) ? ' ' : '') + this.viewModel.orderDetail?.mobile)
}
}.fontColor(0x1B1B1B).fontSize(16).fontWeight(FontWeight.Medium).backgroundColor(Color.Red)
if (this.viewModel.canShowModifyAddressButton()) {
Blank()
Text('修改').fontSize(11).fontColor(0x5F5F5F).height(20).padding({left: 8, right: 8}).height(20).onClick(() => {
})
}
}.width('100%').alignItems(VerticalAlign.Top).backgroundColor(Color.Green)
Text((this.viewModel.orderDetail?.area_name??'') + (this.viewModel.orderDetail?.address??'')).fontSize(12).fontColor(0x5F5F5F).width('100%')
}.backgroundColor(Color.White).margin({left: this.viewModel.cardGap, right: this.viewModel.cardGap}).borderRadius(this.viewModel.cardRadius)
.padding({left: this.viewModel.cardPadding, right: this.viewModel.cardPadding, top: 15, bottom: 15}).alignItems(HorizontalAlign.Start)
}
}
}
HarmonyOS
赞
收藏 0
回答 1
待解决
相关问题
HarmonyOS 一个Row组件包含N+1个子组件,前N个组件尺寸不固定,最后一个组件要求填满Row组件剩下的空间
195浏览 • 1回复 待解决
HarmonyOS Row内部的Text长度超出了Row布局的范围
371浏览 • 1回复 待解决
HarmonyOS 两个text 不能同时显示 如何在切换显示一个&隐藏另一个的时候, text不会删除重建
333浏览 • 2回复 待解决
Text的子组件中包含多个Span,如何将其同意设置一个圆角矩形的背景?
290浏览 • 1回复 待解决
HarmonyOS 想问一个背景图片上面叠2个Text,应该怎么布局?
167浏览 • 1回复 待解决
HarmonyOS Text在Row中设置Align属性不生效
200浏览 • 1回复 待解决
Column 高度设置为 "100%"内部设置两个Row,其中一个高度100,另一个高度"100% "第二个内容会被挤下去?
171浏览 • 1回复 待解决
row中放入textinput,textinput会超出row的范围
264浏览 • 1回复 待解决
Row布局中,给Row设置margin左右各16,Row中如果有超长文本自动转行,文本可能会超出Row边界导致margin失效
314浏览 • 1回复 待解决
HarmonyOS marquee组件自带一个text组件,导致左边的返回按钮被遮挡无法生效
257浏览 • 1回复 待解决
HarmonyOS 一个组件怎么监听另一个组件属性改变
298浏览 • 1回复 待解决
HarmonyOS row中的子控件超出了row的范围
346浏览 • 1回复 待解决
如何读取一个文件的内容到另一个文件中
383浏览 • 1回复 待解决
如何在一个非@Entry的类中创建一个CustomDialogController弹窗
328浏览 • 1回复 待解决
HarmonyOS 在一个类中,怎么初始化一个BigInt类型的属性?
33浏览 • 1回复 待解决
HarmonyOS 如何在每一个页面打开都弹一个消息,有没有统一的方案
361浏览 • 1回复 待解决
HarmonyOS 一个Button布局的问题
283浏览 • 1回复 待解决
HarmonyOS 如何返回一个颜色?
190浏览 • 1回复 待解决
HarmonyOS router进行页面跳转传递一个callback给下一个页面,下一个页面如何取到callback?
276浏览 • 1回复 待解决
如何生成一个可以供其他工程可以依赖的一个har库?
328浏览 • 1回复 待解决
如果一个state,设置同样的值,数据会重刷吗
1872浏览 • 1回复 待解决
如何实现一个全局都浮在界面上面的一个Component
1778浏览 • 1回复 待解决
Row布局时,若子组件不设置flexShrink则默认不会压缩子组件,即所有子组件主轴大小累加可超过容器主轴。 可以对子组件设置layoutWeight(1)进行解决