flutter form 保存后部分值返回null

最近被测试告知在保存页面后,部分值是空的。但当我在自己的模拟机和手机中运行后，保存后form中的数值全部正常。

摸索了很久才发现问题出在Form -> ListView这个widget中, ListView只会渲染当前显示的items。 因此，如果在运行currentState.save()时，你的FormField在当前屏幕的显示外，FormField中的值就会为被保存为null啦。

在我的情况中，因为测试的手机屏幕很小，部分FormField已经在当前屏幕的显示外，这些在屏幕显示外的FormField，值在保存后都变成了null。 但我使用的模拟机和我的手机都能正常把FormField显示在当前屏幕，所以一切正常保存。

这个问题让本菜鸟对ListView有了新的认识，这个问题的解决方案也非常简单，再也不要把ListView放入Form中， 并且使用SingleChildScrollView代替。

Bad:

Form(
  child: ListView(
    children: [],
  ),
);

Good:

 Form(
   child: SingleChildScrollView(
     child: Column(
       crossAxisAlignment: CrossAxisAlignment.stretch,
       children: [],
      ),
    ),
 );