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组件剩下的空间
462浏览 • 1回复 待解决
HarmonyOS Text组件会超出row的长度且row不被撑开
488浏览 • 1回复 待解决
HarmonyOS Text 超出限制显示一个更多
308浏览 • 1回复 待解决
HarmonyOS 两个text 不能同时显示 如何在切换显示一个&隐藏另一个的时候, text不会删除重建
786浏览 • 2回复 待解决
HarmonyOS Row内部的Text长度超出了Row布局的范围
1329浏览 • 1回复 待解决
HarmonyOS 在一个Row/Column里,通过循环往里面添加数据
357浏览 • 1回复 待解决
HarmonyOS 如何判断一个string中是否包含另一个string
620浏览 • 1回复 待解决
HarmonyOS 如何在Text中显示一个html样式的文本
488浏览 • 1回复 待解决
HarmonyOS Row容器里两个子控件,怎么让一个子控件居左,另一个子控件居中
374浏览 • 1回复 待解决
Text的子组件中包含多个Span,如何将其同意设置一个圆角矩形的背景?
593浏览 • 1回复 待解决
HarmonyOS 想问一个背景图片上面叠2个Text,应该怎么布局?
696浏览 • 1回复 待解决
HarmonyOS 支持一个工程引用另外一个工程的lib吗?公共部分包含page页面
573浏览 • 1回复 待解决
Column 高度设置为 "100%"内部设置两个Row,其中一个高度100,另一个高度"100% "第二个内容会被挤下去?
943浏览 • 1回复 待解决
HarmonyOS 一个UIAbility如何拉起另外一个UIAbility?
265浏览 • 1回复 待解决
HarmonyOS 在进入下一个页面时,上一个页面的弹窗会偶发的出现在下一个页面
478浏览 • 1回复 待解决
HarmonyOS Text在Row中设置Align属性不生效
643浏览 • 1回复 待解决
row中放入textinput,textinput会超出row的范围
798浏览 • 1回复 待解决
HarmonyOS marquee组件自带一个text组件,导致左边的返回按钮被遮挡无法生效
496浏览 • 1回复 待解决
HarmonyOS 如何实现左右两个Row的高度一致
558浏览 • 1回复 待解决
Row布局中,给Row设置margin左右各16,Row中如果有超长文本自动转行,文本可能会超出Row边界导致margin失效
677浏览 • 1回复 待解决
HarmonyOS Text包裹n个span,如何判断Text组件出现Ellipsized,或者超过几行呢
176浏览 • 1回复 待解决
HarmonyOS 如何让@Entry在一个Ability中只存在一个
496浏览 • 1回复 待解决
Row布局时,若子组件不设置flexShrink则默认不会压缩子组件,即所有子组件主轴大小累加可超过容器主轴。 可以对子组件设置layoutWeight(1)进行解决