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组件剩下的空间
320浏览 • 1回复 待解决
HarmonyOS Text组件会超出row的长度且row不被撑开
28浏览 • 1回复 待解决
HarmonyOS Text 超出限制显示一个更多
48浏览 • 1回复 待解决
HarmonyOS 两个text 不能同时显示 如何在切换显示一个&隐藏另一个的时候, text不会删除重建
462浏览 • 2回复 待解决
HarmonyOS Row内部的Text长度超出了Row布局的范围
717浏览 • 1回复 待解决
HarmonyOS 如何在Text中显示一个html样式的文本
37浏览 • 1回复 待解决
HarmonyOS 在一个Row/Column里,通过循环往里面添加数据
65浏览 • 1回复 待解决
HarmonyOS Row容器里两个子控件,怎么让一个子控件居左,另一个子控件居中
70浏览 • 1回复 待解决
Text的子组件中包含多个Span,如何将其同意设置一个圆角矩形的背景?
432浏览 • 1回复 待解决
HarmonyOS 想问一个背景图片上面叠2个Text,应该怎么布局?
273浏览 • 1回复 待解决
Column 高度设置为 "100%"内部设置两个Row,其中一个高度100,另一个高度"100% "第二个内容会被挤下去?
348浏览 • 1回复 待解决
HarmonyOS Text在Row中设置Align属性不生效
331浏览 • 1回复 待解决
HarmonyOS 在进入下一个页面时,上一个页面的弹窗会偶发的出现在下一个页面
154浏览 • 1回复 待解决
row中放入textinput,textinput会超出row的范围
424浏览 • 1回复 待解决
Row布局中,给Row设置margin左右各16,Row中如果有超长文本自动转行,文本可能会超出Row边界导致margin失效
423浏览 • 1回复 待解决
HarmonyOS 如何实现左右两个Row的高度一致
44浏览 • 1回复 待解决
HarmonyOS marquee组件自带一个text组件,导致左边的返回按钮被遮挡无法生效
333浏览 • 1回复 待解决
HarmonyOS 如何封装一个异步线程TaskPool任务为一个promise
40浏览 • 1回复 待解决
如何读取一个文件的内容到另一个文件中
467浏览 • 1回复 待解决
HarmonyOS 如何将一个 Builder 作为参数传个另一个 Builder?
164浏览 • 1回复 待解决
HarmonyOS 如何在一个事件中触发另外一个button的点击事件
48浏览 • 1回复 待解决
Row布局时,若子组件不设置flexShrink则默认不会压缩子组件,即所有子组件主轴大小累加可超过容器主轴。 可以对子组件设置layoutWeight(1)进行解决