HarmonyOS 如何解决当前布局的写法问题?

布局问题,要实现展示图中把3个文字显示于同一行,但是后面2个还需要可以单独点击,还有什么系统可用布局,或者是否有开源的三放UI可以完成,目前用系统正常UI组合,没办法达到想要的效果,使用row,一行后面会超出,使用flex布局,显示不下就自动换行了,需要能显示多少显示多少,显示不完才自动换行。

HarmonyOS
2024-10-16 09:49:01
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
superinsect

可以试下Text组件中使用Span子组件,如:

@Entry  
@Component  
struct TextDemo{  
  build() {  
    Row(){  
      Checkbox()  
        .width('14vp')  
        .height('14vp')  
        .select(false)  
        .selectedColor(0x39a2db)  
        .shape(CheckBoxShape.ROUNDED_SQUARE)  
        .onChange(() => {})  
      Flex({wrap:FlexWrap.Wrap}){  
        Text(){  
          Span('我已阅读并同意')  
            .fontSize('14fp')  
          Span('《上海野生动物园用户协议》')  
            .fontSize('14fp')  
            .onClick(() => {  
              console.log('上海野生动物园用户协议')  
            })  
          Span('《用户隐私协议》')  
            .fontSize('14fp')  
            .onClick(() => {  
              console.log('《用户隐私协议》')  
            })  
        }  
      }  
    }  
    .margin({  
      top: '40vp',  
      bottom: '12vp',  
      left: '14vp',  
      right: '14vp',  
    })  
  }  
}
分享
微博
QQ
微信
回复
2024-10-16 16:50:06
相关问题
HarmonyOS toast问题如何解决
775浏览 • 1回复 待解决
HarmonyOS如何解决数据存储问题
9064浏览 • 3回复 已解决
HarmonyOS路由问题如何解决
331浏览 • 1回复 待解决
this传递问题,该如何解决
2168浏览 • 1回复 待解决
如何解决预览流黑屏问题
1168浏览 • 1回复 待解决
如何解决文件中文乱码问题
2738浏览 • 3回复 待解决
Gauge组件问题,该如何解决
280浏览 • 1回复 待解决
如何解决底层库无法调试问题
938浏览 • 1回复 待解决
事件分发冲突问题如何解决
388浏览 • 1回复 待解决
如何解决webview loaddata白屏问题
1187浏览 • 1回复 待解决
如何解决webview离线加载白屏问题
1212浏览 • 1回复 待解决
har多目标,多值问题如何解决
387浏览 • 1回复 待解决
如何解决定位接口调用问题
308浏览 • 1回复 待解决
如何解决module相互依赖问题
1177浏览 • 1回复 待解决
ohpm publish 组问题,该如何解决
343浏览 • 1回复 待解决
如何解决hdc无法连接真机问题
3965浏览 • 1回复 待解决
TAB菜单栏相关问题如何解决
268浏览 • 1回复 待解决
如何解决MD5加密中遇到问题
884浏览 • 1回复 待解决