从SQLite加载列表后PageView.Builder无法构建的问题

核心问题 #

你在updateListView方法中犯了变量作用域错误：方法参数pferdeliste是局部变量，你在setState里修改的是这个局部变量，而非类成员变量_PferdeWidgetState.pferdeliste。这导致即使数据库返回了数据，类里的列表依然是空的，PageView.builder自然无法构建内容。

修正步骤 #

1. 移除updateListView的参数，直接操作类成员变量
2. 修正initState中的调用，无需传递参数
3. 优化变量初始化（提升代码规范性）
4. 可选：添加加载状态提示（避免初始空页面）

修正后的完整代码 #

class _PferdeWidgetState extends State<PferdeWidget> {
  DB_Pferde databaseHelper = DB_Pferde();
  List<PferdModel> pferdeliste = []; // 移除late，直接初始化空列表
  final pageController = PageController(viewportFraction: 0.8);
  int pageIndex = 0;
  bool isLoading = true; // 可选：添加加载状态

  @override
  void initState() {
    super.initState();
    updateListView(); // 无需传递参数
  }

  Future<void> updateListView() async {
    final templist = await databaseHelper.getAllPferde(); // 简化异步操作
    setState(() {
      pferdeliste = templist;
      isLoading = false; // 更新加载状态
    });
  }

  @override
  Widget build(BuildContext context) => Column(
        children: [
          Expanded(
            child: isLoading 
                ? const Center(child: CircularProgressIndicator()) // 加载提示
                : PageView.builder(
                    controller: pageController,
                    itemCount: pferdeliste.length,
                    itemBuilder: (context, index) {
                      final pferd = pferdeliste[index];
                      return PferdWidget(pferde: pferd);
                    },
                    onPageChanged: (index) => setState(() => pageIndex = index),
                  ),
          ),
          Text(
            '${pageIndex + 1}/${pferdeliste.length}',
            style: TextStyle(color: Colors.white70),
          ),
          const SizedBox(height: 12)
        ],
      );
}

其他注意事项 #

• 确认PferdWidget能正确接收并渲染PferdModel数据，如果PferdWidget本身存在逻辑问题，也会导致页面不显示
• 数据库操作getAllPferde返回的列表需确保不为空（你提到已获取到数据，这一步可忽略）

内容的提问来源于stack exchange，提问作者Matthias Felder