当状态代码在单独的文件中定义时，列表视图不显示

Question

我是 Flutter 开发的新手，这可能是一个幼稚的问题，但我正在学习关于 flutter 的初学者教程 dev site，但我的列表视图没有显示。我已经更改了一些 class/function 名称，并将代码放在不同的文件中，但我不确定这里出了什么问题，这应该是一个无限列表的随机单词列表。
这是完整的代码：

//File name: main.dart
import 'package:english_words/english_words.dart';
import 'package:flutter/material.dart';
import 'package:flutter_app_as/StatefulWidgetStates.dart';

class StatefulRandomWordsWidget extends StatefulWidget {
  @override
  State<StatefulWidget> createState() {
    return RandomWordsState();
  }

}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    var wordWidget = StatefulRandomWordsWidget();
    return MaterialApp(
        title: 'Useless Title',
        home: Scaffold(
            appBar: AppBar(title: Text('Welcome to Flutter')),
            body: wordWidget));
  }
}

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

和

//File name: StatefulWidgetStates.dart
import 'package:english_words/english_words.dart';
import 'package:flutter/material.dart';
import 'package:flutter_app_as/main.dart';


class RandomWordsState extends State<StatefulRandomWordsWidget> {
  final dataList = <WordPair>[];

  @override
  Widget build(BuildContext context) {
    return getListView();
  }

  Widget getListView() {
    ListView listViewWidget = ListView.builder(
        itemCount: dataList.length,
        padding: EdgeInsets.all(8.0),
        itemBuilder: (context, pos) {
          if (pos.isOdd) {
            return Divider();
          }
          else {
            final index = pos ~/ 2;
            if (index >= dataList.length) {
              List<WordPair> pairs=generateWordPairs().take(10);
              dataList.addAll(pairs);
            }

            WordPair childData = dataList[index];
            return ListTile(title:  Text(childData.asCamelCase, style: TextStyle(fontSize: 12.0)));
          }

        });
    return listViewWidget;
  }

}

我也不明白这是什么final index = pos ~/ 2;逻辑。官方文档说：

The expression i ~/ 2 divides i by 2 and returns an integer result. For example: 1, 2, 3, 4, 5 becomes 0, 1, 1, 2, 2. This calculates the actual number of word pairings in the ListView, minus the divider widgets.

但我猜我用错了。

Answer 1

请记住，当您使用 StateFul Widgets 时，您需要告诉框架该小部件中的某些状态（日期）已更改并且需要重建。因此，当您将事物添加到列表时，状态会发生变化，并且需要 re-builded。您通过调用 setState((){ }); 方法告诉框架重建。

示例：

List<WordPair> pairs = generateWordPairs().take(10);
dataList.addAll(pairs);
setState(() {});

当状态代码在单独的文件中定义时，列表视图不显示

Listview not showing when code for state is defined in a seperate file

flutter

flutter-listview