HarmonyOS 带小数vp,误差很大

Flex中,forEach填充,可自动换行。根据(Flex容器宽度-间隔space)/ 列数 = 每个item的宽度。当宽度是小数的时候,各个item排列后,不能完全填充Flex容器,最右边有点offset。这个怎么处理?才能精确填充。

小数是不可避免的。不可能每次都是整数,由于列数不确定。

HarmonyOS
2024-12-24 15:22:20
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
shlp

通过justifyContent设置所有子组件在Flex容器主轴上的对齐格式SpaceBetween,此时最右边就不会有偏移。

参考demo如下:

// xxx.ets
import { LengthMetrics } from '@kit.ArkUI'

@Entry
@Component
struct FlexExample1 {
  @State textArr: string[] = ['0', '1', '2', '3', '4']

  build() {
    Column() {
      Flex({
        space: { main: LengthMetrics.px(10), cross: LengthMetrics.px(10) },
        wrap: FlexWrap.Wrap,
        direction: FlexDirection.Row,
        justifyContent: FlexAlign.SpaceBetween
      }) {
        ForEach(this.textArr, (item: string, index: number) => {
          Text('静')
            .width(50)
            .height(50)
            .backgroundColor(Color.Blue)
        })
      }
      .height(200)
      .width(110)
      .backgroundColor(0xAFEEEE)
    }.width('100%')
    .margin({ top: 5 })
  }
}
分享
微博
QQ
微信
回复
2024-12-24 17:40:29
相关问题
HarmonyOS 定位出现较大的误差
64浏览 • 1回复 待解决
HarmonyOS 小数点计算问题
127浏览 • 1回复 待解决
HarmonyOS 怎么保留两位小数
204浏览 • 1回复 待解决
HarmonyOS 小数点如何保留两位
168浏览 • 1回复 待解决
HarmonyOS TextInput输入保留三位小数
194浏览 • 1回复 待解决
HarmonyOS 浮点数如何保留1位小数
1496浏览 • 1回复 待解决
HarmonyOS 需要dp转vp的指南
296浏览 • 1回复 待解决
HarmonyOS VP尺寸单位单位问题
711浏览 • 0回复 待解决
HarmonyOS 关于vp的问题咨询
436浏览 • 1回复 待解决
HarmonyOS px与vp如何转换
307浏览 • 1回复 待解决
HarmonyOS px和vp的转换
266浏览 • 1回复 待解决
HarmonyOS 保留1位小数位,并向上取整
1141浏览 • 2回复 待解决
HarmonyOS 组件对应的单位(px和vp
357浏览 • 1回复 待解决
HarmonyOS px 转 vp 单位转换问题
90浏览 • 1回复 待解决
HarmonyOS clearRect清除区域如何圆角
48浏览 • 1回复 待解决
HarmonyOS vp的含义及使用方法?
256浏览 • 1回复 待解决
harmonyos开发中vp和px如何互换?
768浏览 • 2回复 待解决