无法使用 flutter_screenutil 包设置高度和宽度

Posted

技术标签:

【中文标题】无法使用 flutter_screenutil 包设置高度和宽度【英文标题】:Cannot set height and width using flutter_screenutil package 【发布时间】:2021-10-16 19:29:43 【问题描述】:

我使用了 flutter_screenutil 包。但是当我使用“.w”将宽度设置为小部件时,“18.sp”的字体大小不起作用。 下面是代码

Padding(
        padding: const EdgeInsets.symmetric(horizontal: 20.w),
        child: Column(
          children: [
            Text(
              "Sign Up to Surfyard",
              style: TextStyle(
                fontSize: 18.sp,
                fontWeight: FontWeight.w700,
                color: darkTextColor,
              ),
            ),
          ],
        ),

在此,我无法设置水平填充。 “20.w”不起作用,并显示以下错误

Invalid constant value.dart(invalid_constant)

这些是我安装的包

dependencies:
  flutter:
    sdk: flutter

  cupertino_icons: ^1.0.2
  flutter_screenutil: ^5.0.0+2
  google_fonts: ^2.1.0

【问题讨论】:

【参考方案1】:

删除const 关键字,因为20.w 不是常量

Padding(
        padding: EdgeInsets.symmetric(horizontal: 20.w),
        child: Column(
          children: [
            Text(
              "Sign Up to Surfyard",
              style: TextStyle(
                fontSize: 18.sp,
                fontWeight: FontWeight.w700,
                color: darkTextColor,
              ),
            ),
          ],
        ),

【讨论】:

以上是关于无法使用 flutter_screenutil 包设置高度和宽度的主要内容,如果未能解决你的问题,请参考以下文章

Flutter初探--常用依赖包

flutter wrap 流式布局

11-Flutter移动电商实战-首页_屏幕适配方案和制作

导航区域 温故GridView 和 column

添加横纵布局 和 页面保活

Flutter实践--屏幕适配