颤动：仅在发行模式下运行时仅在零值上使用的空检查操作员，而不是调试

Question

当我以调试模式运行此演示代码（TABBARVIEW）时，一切正常。但是，当我将演示运行到发行模式“ flutter run - releele”时，我会在空值上使用NULL检查操作员。直到我开始敲击所有选项卡栏并返回第一个标签栏之前，该应用程序不起作用。我尝试了“ Flutter Pub缓存维修”，但它不起作用。 （我使用最新的颤音）

import 'package:flutter/material.dart';

void main() {
  WidgetsFlutterBinding.ensureInitialized();
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return const MaterialApp(
      title: 'Tab Bar',
      home: MyTabBar(),
    );
  }
}

class MyTabBar extends StatefulWidget {
  const MyTabBar({Key? key}) : super(key: key);

  @override
  State<MyTabBar> createState() => _MyTabBarState();
}

class _MyTabBarState extends State<MyTabBar> with TickerProviderStateMixin {
  late TabController _controller;

  @override
  void initState() {
    _controller = TabController(length: 3, vsync: this);
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Tab Bar'),
        bottom: TabBar(
          controller: _controller,
          tabs: const [
            Tab(text: 'Me', icon: Icon(Icons.menu_book_outlined)),
            Tab(text: 'What', icon: Icon(Icons.hourglass_bottom_rounded)),
            Tab(text: 'To', icon: Icon(Icons.room)),
          ],
        ),
      ),
      body: TabBarView(
        controller: _controller,
        children: const [
          Center(
            child: Text('Hello'),
          ),
          Center(
            child: Text('me'),
          ),
          Center(
            child: Text('again'),
          ),
        ],
      ),
    );
  }
}

这是我在控制台上得到的。

i/flutter（7521）：空检查操作员在空值上使用 i/flutter（7521）：＃0 _pagePosition.ApplyViewPortDimension（软件包：flutter/src/widgets/page_view.dart：455） i/flutter（7521）：＃1 renderviewport.performlayout（软件包：flutter/src/rendering/fiewport.dart.dart：1456） i/flutter（7521）：＃2 renderobject.layout（软件包：flutter/src/rendering/object.dart：1915） i/flutter（7521）：＃3 renderproxyboxmixin.performlayout（软件包：flutter/src/rendering/proxy_box.dart：116） i/flutter（7521）：＃4 renderobject.layout（软件包：flutter/src/rendering/object.dart：1915） i/flutter（7521）：＃5 renderproxyboxmixin.performlayout（软件包：flutter/src/rendering/proxy_box.dart：116） i/flutter（7521）：＃6 renderobject.layout（软件包：flutter/src/rendering/object.dart：1915） i/flutter（7521）：＃7 renderproxyboxmixin.performlayout（软件包：flutter/src/rendering/proxy_box.dart：116） i/flutter（7521）：＃8 renderobject.layout（软件包：flutter/src/rendering/object.dart：1915） i/flutter（7521）：＃9 renderproxyboxmixin.performlayout（软件包：flutter/src/rendering/proxy_box.dart：116） i/flutter（7521）：＃10 renderobject.layout（软件包：flutter/src/rendering/object.dart：1915） i/flutter（7521）：＃11 renderproxyboxmixin.performlayout（软件包：flutter/src/rendering/proxy_box.dart：116） i/flutter（7521）：＃12 renderobject.layout（软件包：flutter/src/rendering/object.dart：1915） i/flutter（7521）：＃13 renderproxyboxmixin.performlayout（软件包：flutter/src/rendering/proxy_box.dart：116） i/flutter（7521）：＃14 renderobject.layout（软件包：flutter/src/rendering/object.dart：1915） i/flutter（7521）：＃15 renderproxyboxmixin.performlayout（软件包：flutter/src/rendering/proxy_box.dart：116） i/flutter（7521）：＃16 renderobject.layout（软件包：flutter/src/rendering/object.dart：1915） i/flutter（7521）：＃17 renderproxyboxmixin.performlayout（软件包：flutter/src/rendering/proxy_box.dart：116） i/flutter（7521）：＃18 rendercustompaint.performlayout（软件包：flutter/src/rendering/custom_paint.dart.dart：545） i/flutter（7521）：＃19 renderobject.layout（软件包：flutter/src/rendering/object.dart：1915） i/flutter（7521）：＃20 renderproxyboxmixin.performlayout（软件包：flutter/src/rendering/proxy_box.dart：116） i/flutter（7521）：＃21 renderobject.layout（软件包：flutter/src/rendering/object.dart：1915） I/Flutter（7521）：＃22 Multichildlayoutdelegate.layoutchild（软件包：flutter/src/rendering/custom_layout.dart：171） i/flutter（7521）：＃23 _scaffoldlayout.performlayout（软件包：flutter/src/strc/材料/scaffold.dart：1003） I/Flutter（7521）：＃24 Multichildlayoutdelegate._callperformlayout（软件包：flutter/src/rendering/custom_layout.dart：240） i/flutter（7521）：＃25 rendercustommultichildlayoutbox.performlayout（软件包：flutter/src/rendering/custom_layout.dart：403） i/flutter（7521）：＃26 renderobject.layout（软件包：flutter/src/rendering/object.dart：1915） i/flutter（7521）：＃27 renderproxyboxmixin.performlayout（软件包：flutter/src/rendering/proxy_box.dart：116） i/flutter（7521）：＃28 renderobject.layout（软件包：flutter/src/rendering/object.dart：1915） i/flutter（7521）：＃29 renderproxyboxmixin.performlayout（软件包：flutter/src/rendering/proxy_box.dart：116） i/flutter（7521）：＃30 _renderCustomClip.performlayout（软件包：flutter/src/rendering/proxy_box.dart：1376） i/flutter（7521）：＃31 renderobject.layout（软件包：flutter/src/rendering/object.dart：1915） i/flutter（7521）：＃32 renderproxyboxmixin.performlayout（软件包：flutter/src/rendering/proxy_box.dart：116） i/flutter（7521）：＃33 renderobject.layout（软件包：flutter/src/rendering/object.dart：1915） i/flutter（7521）：＃34 renderproxyboxmixin.performlayout（软件包：flutter/src/rendering/proxy_box.dart：116） i/flutter（7521）：＃35 renderobject.layout（软件包：flutter/src/rendering/object.dart：1915） i/flutter（7521）：＃36 renderproxyboxmixin.performlayout（软件包：flutter/src/rendering/proxy_box.dart：116） i/flutter（7521）：＃37 renderobject.layout（软件包：flutter/src/rendering/object.dart：1915） i/flutter（7521）：＃38 renderproxyboxmixin.performlayout（软件包：flutter/src/rendering/proxy_box.dart：116） i/flutter（7521）：＃39 renderobject.layout（软件包：flutter/src/rendering/object.dart：1915） i/flutter（7521）：＃40 renderproxyboxmixin.performlayout（软件包：flutter/src/rendering/proxy_box.dart：116） i/flutter（7521）：＃41 renderobject.layout（软件包：flutter/src/rendering/object.dart：1915） i/flutter（7521）：＃42 renderproxyboxmixin.performlayout（软件包：flutter/src/rendering/proxy_box.dart：116） i/flutter（7521）：＃43 renderobject.layout（软件包：flutter/src/rendering/object.dart：1915） i/flutter（7521）：＃44 renderproxyboxmixin.performlayout（软件包：flutter/src/rendering/proxy_box.dart：116） i/flutter（7521）：＃45 renderobject.layout（软件包：flutter/src/rendering/object.dart：1915） i/flutter（7521）：＃46 renderproxyboxmixin.performlayout（软件包：flutter/src/rendering/proxy_box.dart：116） i/flutter（7521）：＃47 renderobject.layout（软件包：flutter/src/rendering/object.dart：1915） i/flutter（7521）：＃48 renderproxyboxmixin.performlayout（软件包：flutter/src/rendering/proxy_box.dart：116） i/flutter（7521）：＃49 renderobject.layout（软件包：flutter/src/rendering/object.dart：1915） i/flutter（7521）：＃50 renderproxyboxmixin.performlayout（软件包：flutter/src/rendering/proxy_box.dart：116） i/flutter（7521）：＃51 renderobject.layout（软件包：flutter/src/rendering/object.dart：1915） i/flutter（7521）：＃52 renderproxyboxmixin.performlayout（软件包：flutter/src/rendering/proxy_box.dart：116） i/flutter（7521）：＃53 renderobject.layout（软件包：flutter/src/rendering/object.dart：1915） i/flutter（7521）：＃54 renderproxyboxmixin.performlayout（软件包：flutter/src/rendering/proxy_box.dart：116） i/flutter（7521）：＃55 renderobject.layout（软件包：flutter/src/rendering/object.dart：1915） i/flutter（7521）：＃56 renderproxyboxmixin.performlayout（软件包：flutter/src/rendering/proxy_box.dart：116） i/flutter（7521）：＃57 renderobject.layout（软件包：flutter/src/rendering/object.dart：1915） i/flutter（7521）：＃58 renderproxyboxmixin.performlayout（软件包：flutter/src/rendering/proxy_box.dart：116） i/flutter（7521）：＃59 renderobject.layout（软件包：flutter/src/rendering/object.dart：1915） i/flutter（7521）：＃60 renderproxyboxmixin.performlayout（软件包：flutter/src/rendering/proxy_box.dart：116） i/flutter（7521）：＃61 renderobject.layout（软件包：flutter/src/rendering/object.dart：1915） i/flutter（7521）：＃62 renderproxyboxmixin.performlayout（软件包：flutter/src/rendering/proxy_box.dart：116） i/flutter（7521）：＃63 renderobject.layout（软件包：flutter/src/rendering/object.dart：1915） i/flutter（7521）：＃64 renderproxyboxmixin.performlayout（软件包：flutter/src/rendering/proxy_box.dart：116） i/flutter（7521）：＃65 renderoffstage.performlayout（软件包：flutter/src/rendering/proxy_box.dart：3462） i/flutter（7521）：＃66 renderobject.layout（软件包：flutter/src/rendering/object.dart：1915） i/flutter（7521）：＃67 renderproxyboxmixin.performlayout（软件包：flutter/src/rendering/proxy_box.dart：116） i/flutter（7521）：＃68 renderobject.layout（软件包：flutter/src/rendering/object.dart：1915） i/flutter（7521）：＃69 _rendertheatre.performlayout（软件包：flutter/src/widgets/Overlay.dart：749） i/flutter（7521）：＃70 renderobject.layout（软件包：flutter/src/rendering/object.dart：1915） i/flutter（7521）：＃71 renderproxyboxmixin.performlayout（软件包：flutter/src/rendering/proxy_box.dart：116） i/flutter（7521）：＃72 renderobject.layout（软件包：flutter/src/rendering/object.dart：1915） i/flutter（7521）：＃73 renderproxyboxmixin.performlayout（软件包：flutter/src/rendering/proxy_box.dart：116） i/flutter（7521）：＃74 renderobject.layout（软件包：flutter/src/rendering/object.dart：1915） i/flutter（7521）：＃75 renderproxyboxmixin.performlayout（软件包：flutter/src/rendering/proxy_box.dart：116） i/flutter（7521）：＃76 renderobject.layout（软件包：flutter/src/rendering/object.dart：1915） i/flutter（7521）：＃77 renderproxyboxmixin.performlayout（软件包：flutter/src/rendering/proxy_box.dart：116） i/flutter（7521）：＃78 renderobject.layout（软件包：flutter/src/rendering/object.dart：1915） i/flutter（7521）：＃79 renderproxyboxmixin.performlayout（软件包：flutter/src/rendering/proxy_box.dart：116） i/flutter（7521）：＃80 renderobject.layout（软件包：flutter/src/rendering/object.dart：1915） i/flutter（7521）：＃81 renderproxyboxmixin.performlayout（软件包：flutter/src/rendering/proxy_box.dart：116） i/flutter（7521）：＃82 renderobject.layout（软件包：flutter/src/rendering/object.dart：1915） i/flutter（7521）：＃83 renderproxyboxmixin.performlayout（软件包：flutter/src/rendering/proxy_box.dart：116） i/flutter（7521）：＃84 renderobject.layout（软件包：flutter/src/rendering/object.dart：1915） i/flutter（7521）：＃85 renderview.performlayout（软件包：flutter/src/rendering/view.dart：165） i/flutter（7521）：＃86 renderobject.__layoutwithoutresize（软件包：flutter/src/rendering/object.dart：1757） I/flutter（7521）：＃87 pipelineowner.flushlayout（软件包：flutter/src/rendering/object.dart：887） I/Flutter（7521）：＃88 RendererBinding.DrawFrame（软件包：flutter/src/rendering/binding.dart：504） i/flutter（7521）：＃89 widgetsbinding.drawframe（软件包：flutter/src/widgets/binding.dart：892） I/Flutter（7521）：＃90 RendererBinding._HandlePersistentFrameCallback（软件包：Flutter/src/rendering/binding.dart：370） I/Flutter（7521）：＃91 SchedulerBinding._InvokeFrameCallback（软件包：Flutter/src/scheduler/binding.dart：1146） I/Flutter（7521）：＃92 SchedulerBinding.HandledRawFrame（软件包：Flutter/src/Scheduler/binding.dart：1083） I/Flutter（7521）：＃93 SchedulerBinding._handledRawFrame（软件包：Flutter/src/scheduler/binding.dart：997） i/flutter（7521）：＃97 _invoke（dart：ui/hooks.dart：151） I/Flutter（7521）：＃98 PlatformDisPatcher._DrawFrame（DART：ui/platform_dispatcher.dart：308） I/Flutter（7521）：＃99 _DrawFrame（Dart：ui/hooks.dart：115） i/flutter（7521）：（从飞镖出发的3帧：async）

Answer 1

它看起来像是一个颤抖的错误： https://github.com/flutter.com/flutter/flutter/flutter/flutter/sissues/1010077

Flutter团队现在可以复制，因此可以看到修复程序。有一个临时的解决方法，建议延迟应用程序的启动，但这显然不是解决方案，而只是临时黑客。

Answer 2

根据这个线程，扑打本身存在一个问题。 https://github.com/flutter/flutter/flutter/sissues/101007
在RunApp之前添加延迟功能正常。

await Future.delayed(const Duration(milliseconds: 500)); //add this line
  runApp(MyApp());

Answer 3

在我写这篇文章时，问题并未在扑朔迷离的稳定版本中解决（Flutter版本3.0.5），因此，我通过修改机器上的扑动代码来解决此问题的hack'ish修复程序。

问题是在以下几行中的弹奏代码中的无空中崩溃：

page = _cachedPage!;

来自$ flutter-home \ packages \ flutter \ lib \ lib \ src \ src \ widgets \ page_view.dart [455]

_cachedpage 变量实际上可能为null，何时被迫拆开时会崩溃，导致白屏。

我的修复程序是更改上述行：

page = _cachedPage ?? 0.0;

因此，如果 _cachedpage 为null，则将使用默认值0.0值而不会崩溃。

到目前为止，解决方案似乎完全消除了问题。

Answer 4

您可以使用此代码：
在您的代码中，您可以使用大小的框来控制高度。它将显示其他错误可能是因为您没有处置控制器。

class NavigationScreen extends StatefulWidget {
  static String id = 'NavigationScreen';

  const NavigationScreen({Key? key}) : super(key: key);

  @override
  _NavigationScreenState createState() => _NavigationScreenState();
}

class _NavigationScreenState extends State<NavigationScreen> {
  int _selectedIndex = 0;
  final PageStorageBucket bucket = PageStorageBucket();
  List<Widget> _widgetOptions = [
    HomeScreen(
      key: PageStorageKey('Home'),
    ),
    CartScreen(key: PageStorageKey('Cart')),
    Profile(key: PageStorageKey('Profile'))
  ];

  @override
  void initState() {
    super.initState();
   }

  void _onItemTap(int index) {
    setState(() {
      _selectedIndex = index;
    });
  }

  Widget _bottomNavigationBar(int selectedIndex) => BottomNavigationBar(
        showSelectedLabels: false,
        showUnselectedLabels: false,
        backgroundColor: ThemeText.bottomNavBarColor,
        // fixedColor: Color(0xff707070),
        selectedItemColor: ThemeText.primaryColor,
        unselectedItemColor: ThemeText.bottomNavBarIconUnSelectedColor,
        items: [
          BottomNavigationBarItem(
              label: 'Home',
              icon: Icon(
                Icons.home_outlined,
              )),
          BottomNavigationBarItem(
              label: 'Cart', icon: Icon(Icons.shopping_cart_outlined)),
          BottomNavigationBarItem(
              label: 'Profile', icon: Icon(Icons.person_outlined)),
        ],
        currentIndex: _selectedIndex,
        onTap: _onItemTap,
      );

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        // appBar: AppBar(
        //   title: Text('Home'),
        // ),
        // backgroundColor: Color(0xff707070),
        body: PageStorage(
          child: _widgetOptions[_selectedIndex],
          bucket: bucket,
        ),
        bottomNavigationBar: _bottomNavigationBar(_selectedIndex));
  }

}