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

Question

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

Answer 1

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

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) + '%'

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