HarmonyOS Flex在特定布局下如何添加间距

使用Flex进行布局,最多4列,子视图高度固定,宽度最小25%,最大100%, 宽度适配内容长度,现在想添加子视图之间的水平间距会导致显示不了4列(使用的Flex入参space),该如何添加间距且保证最多能显示4列

HarmonyOS
2024-12-24 18:21:13
1523浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
superinsect

可以通过获取屏幕宽度,然后计算出适合的最小宽度,动态设置参考

demo:

let windowClass = await window.getLastWindow(getContext());
// 获取窗口属性
let properties = windowClass.getWindowProperties();
let www = px2vp(properties.windowRect.width)
this.w = Math.floor(((www - 24)/4/www)*100) + '%'
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.

参考文档:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-window-V5#getwindowproperties9

分享
微博
QQ
微信
回复
2024-12-24 20:15:16


相关问题
HarmonyOS flex容器布局
2121浏览 • 2回复 待解决
HarmonyOS Flex布局如何设置最大行数
940浏览 • 1回复 待解决
HarmonyOS Flex 布局设置问题
1424浏览 • 1回复 待解决
如何优化Flex布局性能
1258浏览 • 1回复 待解决
自定义Grid布局间距异常
336浏览 • 0回复 待解决
Flex布局与w3c中的flex是否有差异
1782浏览 • 1回复 待解决