bruno icon indicating copy to clipboard operation
bruno copied to clipboard

[BUG]: BrnEnhanceNumberCard 在一行4个的时候,文字稍微长一些就直接报溢出异常了

Open lemos1235 opened this issue 2 years ago • 2 comments

问题提交

1、BUG 描述

BrnEnhanceNumberCard 在一行4个的时候,文字太长直接报溢出异常了。

2、复现步骤

@override
Widget build(BuildContext context) {
  return Scaffold(
    appBar: BrnAppBar(
      automaticallyImplyLeading: false,
      title: "测试",
      bottom: PreferredSize(
        preferredSize: Size.fromHeight(128),
        child: Column(
          mainAxisSize: MainAxisSize.min,
          children: <Widget>[
            BrnEnhanceNumberCard(
              // padding: const EdgeInsets.symmetric(horizontal: 5, vertical: 15),
              rowCount: 4,
              itemChildren: [
                BrnNumberInfoItemModel(
                  number: '2',
                  lastDesc: "次",
                  title: '次数',
                ),
                BrnNumberInfoItemModel(
                  number: '1',
                  lastDesc: "天",
                  title: '时长',
                ),
                BrnNumberInfoItemModel(
                  number: '0.02',
                  lastDesc: "克",
                  title: '重量',
                ),
                BrnNumberInfoItemModel(
                  number: '150',
                  lastDesc: "平米",
                  title: '大小',
                ),
              ],
            ),
          ],
        ),
      ),
    ),
  );
}

image

3、期望行为

不溢出。

4、运行环境

  • 运行设备 pixel4 API30 安卓模拟器
  • 系统 windows11
  • Bruno 版本 3.0.0
  • Flutter Doctor 信息
$ flutter doctor
Building flutter tool...
Flutter assets will be downloaded from https://storage.flutter-io.cn. Make sure you trust
this source!
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, 3.0.2, on Microsoft Windows [Version 10.0.25182.1000], locale
    en-US)
[✓] Android toolchain - develop for Android devices (Android SDK version 32.1.0-rc1)
[✓] Chrome - develop for the web
[✓] Visual Studio - develop for Windows (Visual Studio Community 2022 17.2.4)
[✓] Android Studio (version 2021.2)
[✓] IntelliJ IDEA Ultimate Edition (version 2021.3)
[✓] VS Code (version 1.70.0)
[✓] Connected device (5 available)
[✓] HTTP Host Availability

• No issues found!

lemos1235 avatar Aug 23 '22 09:08 lemos1235

你好,从图中看设置一行4个的话,均分后是展示不下的,降级方案可以将字体设置小一些,或者换行展示

zhoujuanjuan avatar Oct 20 '22 10:10 zhoujuanjuan

你好,从图中看设置一行4个的话,均分后是展示不下的,降级方案可以将字体设置小一些,或者换行展示

这个组件有bug,四个块没有均分

lemos1235 avatar Oct 22 '22 05:10 lemos1235