flutter - 处于 Release模式时，网页浏览显示灰屏

Question

他大家

我的以下代码有问题:

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    return Stack(
      children: <Widget>[
        Expanded(
          child: PageView(
            children: <Widget>[
              Container(
                color: Colors.red,
              ),
              Container(
                color: Colors.yellow,
              ),
              Container(
                color: Colors.green,
              ),
              Container(
                color: Colors.blue,
              ),
            ],
          ),
        ),
      ],
    );
  }
}

当我使用“flutter run”运行它时，它会完全显示我需要的内容，但是当我使用“--release”参数时，它将完全停止工作并显示灰屏。任何帮助表示赞赏!

Answer 1

您正在使用自己适合的小部件 (堆栈)中的 Expanded 。为了对其进行修复，请删除 Expanded 并将fit参数应用于您的 Stack

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<ThisApp> {
  @override
  Widget build(BuildContext context) {
    return Stack(
      fit: StackFit.expand, // StackFit.expand fixes the issue
      children: <Widget>[
        PageView(
          children: <Widget>[
            Container(
              color: Colors.red,
            ),
            Container(
              color: Colors.yellow,
            ),
            Container(
              color: Colors.green,
            ),
            Container(
              color: Colors.blue,
            ),
          ],
        )
      ],
    );
  }
}

使用 Debug模式，您会注意到堆栈跟踪告诉您有关该错误的信息。由于 --release始终尝试避免出现问题/崩溃，因此将禁用UI的那部分，即=灰色屏幕。