需要一个“Widget”类型的值，但得到一个“Null”类型的值

Question

我正在学习响应式网络，但我陷入了某种错误，例如

需要一个“Widget”类型的值，但得到一个“Null”类型的值

不知道如何解决这个错误，我尝试了很多，但我认为没有人的帮助我无法解决这个问题。

import 'package:flutter/material.dart';

const int largeScreenSize = 1366;
const int mediumScreenSize = 768;
const int smallScreenSize = 360;
const int customScreenSize = 1100;

class Responsiveness extends StatelessWidget {
   final Widget? largeScreen;
   final Widget? mediumScreen;
   final Widget? smallScreen;

   const Responsiveness({
    this.largeScreen,
    this.mediumScreen,
    this.smallScreen,
  });

   @override
   Widget build(BuildContext context) {
     return LayoutBuilder(builder: (context, constraints) {
       double _width = constraints.maxWidth;
        if (_width >= largeScreenSize) {
         return largeScreen as Widget;
       } else if (_width >= mediumScreenSize && _width < largeScreenSize) {
         return mediumScreen ?? largeScreen as Widget;
       } else {
         return smallScreen ?? largeScreen as Widget;
       }
     });
   }
 }

Answer 1

largeScreen、mediumScreen 和 smallScreen 都具有 Widget? 类型，意思是：“Widget 或 null。

当你返回largeScreen as Widget时，如果largeScreen为空，你会得到一个错误，因为null不是Widget的有效值（就像123 as String会抛出，因为类型不是可分配）。

查看您的代码，如果所有 3 个变量都是 null，您最终会尝试从 LayoutBuilder 参数返回 null，这始终是一个错误，因为它返回一个非空 @ 987654335@.

确保考虑到所有这些都是null 的情况，或者确保它们永远不会同时为空（可能使用assert 语句）。