时间戳

首页 > 解决方案 > 两个绘图场景中文字和圆圈的总高度不同（应该相等）

ios - 两个绘图场景中文字和圆圈的总高度不同（应该相等）

问题描述

我有以下两个绘图场景。

在 Flutter Dart 中开发。

代码如下

  1. 选择其中bool displayButtons一种场景
  2. 根据double heightFactor手机屏幕高度计算高度

!displayButtons ? SizedBox(height: heightFactor*42.0):SizedBox(height: heightFactor*19.0),

!displayButtons ? SizedBox(child:CircularProgressIndicator(strokeWidth:5, valueColor: AlwaysStoppedAnimation(Color(0xffD10274)),),height: 100.0*heightFactor,width: 100.0*heightFactor,):
          Text("Xxxxxxxxxxxxxxxxxxxxxxxxxxxx\nxxxxxxxxxxxxxxxxx", style:GoogleFonts.heebo(color:Color(0xff333333),textStyle:TextStyle(height:24/16,fontStyle:FontStyle.normal,fontWeight:FontWeight.w300, fontSize:16*heightFactor)),textAlign:TextAlign.center ),

!displayButtons ? SizedBox(height: heightFactor*42.0): SizedBox(height: heightFactor*(117.0)),
        Text("By", style:GoogleFonts.heebo(color:Color(0xff333333),textStyle:TextStyle(height:20/14,fontStyle:FontStyle.normal, fontWeight:FontWeight.w300, fontSize:14*heightFactor))),

第一个场景中的总高度displayButtons=false应该是heightFactor*(42+100+42+14*14*20/14) = 204 *heightFactor

第二种情况下的总高度displayButtons=true应该是heightFactor*(19+2*16*24/16+117+14*20/14) = 204 *heightFactor

结果是：

在Android中，两个场景的高度是一样的

在 IOS 中，第二种情况displayButtons=true更长20pxl

任何想法？

标签： iosflutterdarttextheight

解决方案

推荐阅读