如何在我的项目的所有类中实现颤振 ScreenUtil() 包？答案

【问题标题】：How can I implement the flutter ScreenUtil() package in all class of my project?如何在我的项目的所有类中实现颤振 ScreenUtil() 包？
【发布时间】：2021-05-26 22:58:30
【问题描述】：

我有宽度、高度、字体大小和容器的动态值，我希望它们放在一个单独的类中并在我的 HomeScreen 中调用它们。那么我该如何实现呢，我正在使用flutter ScreenUtil() 包来动态设置大小。

这是我的代码：

child: RaisedButton(
                    padding: EdgeInsets.zero,
                    color: _BtnColor,
                    child: Container(
                      width: ScreenUtil().screenWidth,  //dynamic
                      height: 0.06.sh,                  // dynamic
                      child: Center(
                        child: Text("CALCULATE",
                          style: TextStyle(
                            color: Colors.white,
                            fontFamily: 'San francisco',
                            fontSize: 21.0.ssp,            //dynamic
                            letterSpacing: 2.0,
                            wordSpacing: 2.0
                          ),
                        ),
                      ),
                    ),
                    shape: RoundedRectangleBorder(
                        borderRadius: new BorderRadius.circular(10.0)
                    ),
                    onPressed: (){
                      debugPrint("Burron Pressed");               
                    }
                )

我可以在无状态类中创建一个按钮小部件，但我发现初始化 screenUtil() 很困难，因为我动态定义了按钮的字体大小、宽度和高度

在我的主类中，我已经这样初始化了：

void main() => (runApp(new MyApp()));

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return ScreenUtilInit(
      designSize: Size(360, 690),
      allowFontScaling: false,
      builder: () => MaterialApp(
        debugShowCheckedModeBanner: false,
        home: OpeningScreen(),
      ),
    );
  }
}

【问题讨论】：

标签： flutter flutter-layout flutter-dependencies

【解决方案1】：

我们需要显式导入 ScreenUtil 包。

import 'package:flutter_screenutil/flutter_screenutil.dart';

【讨论】：