Ios 在Flatter中使用ListWheelScrollView时获取与图像相关的异常

在iOS上使用ListWheelScrollView显示图像小部件时，我遇到了一个特殊的错误。它包含在页面视图的一个页面中，在我最小化应用程序之前，它可以正常工作。如果在进入后台后恢复应用程序，然后我切换到包含scrollview的页面（或者在恢复后切换并返回，或者在最小化之前切换并在恢复后返回），可见图像将无法显示，输出内容如下：

════════ 图像资源服务捕获到异常 ════════════════════════════ 对null调用了方法“toDouble”。 接收方：null尝试调用：toDouble（） ════════════════════════════════════════════════════════════════════════════════

下面是一个简单的示例，演示了该问题：

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'ListWheel Issue',
      theme: ThemeData(
        primarySwatch: Colors.blue,
        visualDensity: VisualDensity.adaptivePlatformDensity,
      ),
      home: MyHomePage(title: 'ListWheelScrollview Bug'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  MyHomePage({Key key, this.title}) : super(key: key);

  final String title;

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

class _MyHomePageState extends State<MyHomePage> {
  int _currentIndex = 0;
  PageController _pageController;
  List<Widget> get _tabs => [
        ScrollScreen(),
        Container(),
        Container(),
      ];

  @override
  void initState() {
    _pageController = PageController();
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
          child: PageView(
        controller: _pageController,
        children: _tabs,
      )),
      bottomNavigationBar: BottomNavigationBar(
        items: [
          BottomNavigationBarItem(
              icon: Icon(Icons.refresh), title: Text('tab1')),
          BottomNavigationBarItem(icon: Icon(Icons.movie), title: Text('tab2')),
          BottomNavigationBarItem(
              icon: Icon(Icons.search), title: Text('tab3')),
        ],
        currentIndex: _currentIndex,
        onTap: (i) {
          setState(() {
            _currentIndex = i;
            _pageController.animateToPage(i,
                curve: Curves.easeOut, duration: Duration(milliseconds: 200));
          });
        },
      ),
    );
  }
}

class ScrollScreen extends StatefulWidget {
  @override
  _ScrollScreenState createState() => _ScrollScreenState();
}

class _ScrollScreenState extends State<ScrollScreen> {
  var _exImage = AssetImage('assets/images/no_image.png'); 

  @override
  Widget build(BuildContext context) {
    List<AssetImage> _images = [
      _exImage,
      _exImage,
      _exImage,
    ];
    return Center(
      child: ListWheelScrollView.useDelegate(
          itemExtent: 300,
          childDelegate: ListWheelChildLoopingListDelegate(
              children: _images
                  .map((e) => Center(
                          child: Image(
                        image: e,
                      )))
                  .toList())),
    );
  }
}

void main（）{
runApp（MyApp（））；
}
类MyApp扩展了无状态小部件{
//此小部件是应用程序的根。
@凌驾
小部件构建（构建上下文）{
返回材料PP(
标题：“ListWheel问题”，
主题：主题数据(
主样本：颜色。蓝色，
视觉密度：视觉密度。自适应平台密度，
),
主页：我的主页（标题：“ListWheelScrollview错误”），
);
}
}
类MyHomePage扩展StatefulWidget{
MyHomePage（{Key，this.title}）：超级（Key:Key）；
最后的字符串标题；
@凌驾
_MyHomePageState createState（）=>\u MyHomePageState（）；
}
类_MyHomePageState扩展状态{
int _currentIndex=0；
页面控制器_页面控制器；
列表获取选项卡=>[
ScrollScreen（），
容器（），
容器（），
];
@凌驾
void initState（）{
_pageController=pageController（）；
super.initState（）；
}
@凌驾
小部件构建（构建上下文）{
返回脚手架(
appBar:appBar(
标题：文本（widget.title），
),
正文：中(
子：页面视图(
控制器：_pageController，
子项：_选项卡，
)),
底部导航栏：底部导航栏(
项目：[
底部导航气压计(
图标：图标（Icons.refresh），标题：文本（'tab1'），
BottomNavigationBarItem（图标：图标（Icons.movie），标题：文本（'tab2'）），
底部导航气压计(
图标：图标（Icons.search），标题：文本（'tab3'），
],
currentIndex:_currentIndex，
onTap：（一）{
设置状态（）{
_currentIndex=i；
_pageController.animateToPage（i，
曲线：Curves.easeOut，持续时间：持续时间（毫秒：200））；
});
},
),
);
}
}
类ScrollScreen扩展StatefulWidget{
@凌驾
_ScrollScreenState createState（）=>\u ScrollScreenState（）；
}
类_ScrollScreenState扩展状态{
var_exImage=AssetImage（'assets/images/no_image.png'）；
@凌驾
小部件构建（构建上下文）{
列表_图像=[
_exImage，
_exImage，
_exImage，
];
返回中心(
子项：ListWheelScrollView.useDelegate(
项目范围：300，
childDelegate:ListWheelChildLoopingListDelegate(
儿童：_图像
.map（（e）=>中心(
孩子：图像(
图片：e，
)))
.toList（）），
);
}
}

---

在此方面的任何帮助都将不胜感激。

我对这个问题有了更多的了解。事实证明，空值被作为“minScrollExtent”和“maxScrollExtent”传递到list\u wheel\u scroll\u view.dart文件中的_getItemFromOffset函数中，这些值又被传递到_ClipoffSetToScrollRange函数中

作为一种解决方法，我最终将_clipOffsetScrollableRange的返回值更改为以下值：

return (_clipOffsetToScrollableRange(
          offset,
          minScrollExtent ?? -double.infinity,
          maxScrollExtent ?? double.infinity) /
      itemExtent)
  .round();

---

这可能无法解决根本问题，但导致我的应用程序工作正常。

我找到了解决方案

 @override
 void didChangeDependencies() {
 super.didChangeDependencies();
 precacheImage(AssetImage('assets/icons/settings_icon.png'), context);
}

对ListWheelScrollView中使用的图像进行预处理后，错误不再出现

---

Idk Fatter团队是否会在将来修复它。

您是否编辑了包文件？