我尝试在应用程序上渲染一个简单的10 x10字符网格，但网格框没有正确渲染（只显示字符，而不是框本身），并且我得到一个异常：用于空值的空检查运算符。我尝试使用late关键字，但这给了我异常“LateInitializationError：字段'grid'尚未初始化。”任何关于如何解决此问题的想法都将非常有用。谢谢！

class _MyHomePageState extends State<MyHomePage> {
  Grid? grid;
  List<String> selectedList = [];
  var isLoaded = true;
  @override
  void initState() {
    // TODO: implement initState
    getData();
    super.initState();

  }

  getData() async{
    grid = await RemoteService().getGrid();
    if(grid!=null){
      print('Payload received');
      setState(() {
        isLoaded = true;
      });
    }
  }
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Wordsearch'),
      ),
      body: Visibility(
        visible: isLoaded,
        replacement: const Center(child: CircularProgressIndicator()),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.center,
          children: [
            for(var i=0;i<10;i++) Row(
              children: [
                for(var j=0;j<10;j++) GridItem(
                    item: grid!.grid[i][j],
                    isSelected: (bool value){
                      setState(() {
                        if(value){
                          selectedList.add(grid!.grid[i][j]);
                        } else{
                          selectedList.remove(grid!.grid[i][j]);
                        }
                      });
                    })
              ],
            )
          ],
        )
      ),
    );
  }
}