如何用颤动从2D数组创建gridview？

Question

我有一个像这样的数组；

var wordList= [
["ABC", "CAB", "ACB"],
["DEF", "FED", "EDF"],
["GHI", "IHG", "HIG"],
];

我创建一个gridlist变量，然后像这样拆分列表；

var gridlist = List.generate(3, (i) => List(3), growable: false);
void splitfunc() {
int i = 0;
int j = 0;
var a = "";
int tempp = 0;
while (i < 3) {
  while (j < 3) {
    var string = wordList[i][j];
    var a = string.split('');
    gridlist[i][j] = a;      

    j++;
    tempp = 0;
  }
print(gridlist);
  j = 0;
  i++;
}


}

，我想在网格屏幕上逐一打印此列表的元素（字母，而不是单词）。 这是我的代码：

Widget build(BuildContext context) {
// TODO: implement build
return MaterialApp(
    home: Scaffold(
        appBar: AppBar(
          title: Text("GridList"),
        ),
        body: CustomScrollView(
          primary: false,
          slivers: <Widget>[
            SliverPadding(
              padding: const EdgeInsets.all(20),
              sliver: SliverGrid.count(
                  crossAxisSpacing: 10,
                  mainAxisSpacing: 10,
                  crossAxisCount: gridlist[0].length,
                  children: gridlist[0]
                      .map((item) => new Text(
                            item[0].toString(),
                            style: TextStyle(fontSize: 20),
                          ))
                      .toList()),
            ),
          ],
        )));}

但是我得到这个结果：

我想要这个结果：

• A B C
• C A B
• A C B

我怎么能得到这个结果？