flutter - Flutter，future builder和snapshot.data，数据永远不会被加载

问题描述

我正在尝试构建一个非常简单的应用笔记并使用 SQFlite 包将笔记保存到本地数据库中。在我的代码中，我使用未来的构建来显示 CircularProgressIndicator，同时从数据库加载数据，而 db 目前是空的，因此应用程序应该显示一个空的主体。我的问题是数据永远不会被加载并且循环进度指示器是无限的。此外，“添加注释”按钮会打开一个警报对话框，其中包含两个文本字段，应该获取文本，将其从数据库中插入表中，文本应该显示在正文中的卡片中，但这不会发生。我的代码：

主要.dart

import 'package:flutter/material.dart';

import 'home_screen.dart';
import 'note_inherited_widget.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return NoteInheritedWidget(
          MaterialApp(
        home: HomeScreen(),
        theme: ThemeData(
            primaryColor: Colors.deepOrange, accentColor: Colors.deepPurple),
      ),
    );
  }
}

home_screen.dart

import 'package:flutter/material.dart';

import 'package:simple_notes/note_inherited_widget.dart';
import 'package:simple_notes/providers/note_providers.dart';
import './note_inherited_widget.dart';

class HomeScreen extends StatefulWidget {
  @override
  _HomeScreenState createState() => _HomeScreenState();
}

class _HomeScreenState extends State<HomeScreen> {
  final TextEditingController titleController = TextEditingController();
  final TextEditingController textController = TextEditingController();

  @override
  void dispose() {
    // Clean up the controller when the widget is disposed.
    titleController.dispose();
    textController.dispose();
    super.dispose();
  }

  DummyDataProvider notes;

  @override
  void didChangeDependencies() {
    super.didChangeDependencies();
    notes = NoteInheritedWidget.of(context);
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: AppBar(
          title: Text('Simple Notes'),
          centerTitle: true,
        ),
        body: FutureBuilder(
            future: NoteProvider.getNoteList(),
            builder: (context, snapshot) {
              if (snapshot.connectionState == ConnectionState.done) {
                final notes = snapshot.data;
                ListView.builder(
                  itemBuilder: (context, index) {
                    return Card(
                      child: Column(
                        children: <Widget>[
                          NoteTitle(notes[index]['title']),
                          NoteText(notes[index]['text'])
                        ],
                      ),
                    );
                  },
                  itemCount: notes.length,
                );
              }
              return Center(child: CircularProgressIndicator());
            }
            ),
        bottomNavigationBar: (FlatButton(
            onPressed: () {
              showMyDialog(context);
            },
            child: Text('Add note'))));
  }

  Future<void> showMyDialog(
    BuildContext context,
  ) {
    return showDialog<void>(
        context: context,
        builder: (BuildContext context) {
          return AlertDialog(
            content: Column(
              children: <Widget>[
                TextField(
                  controller: titleController,
                ),
                TextField(
                  controller: textController,
                )
              ],
            ),
            actions: <Widget>[
              MaterialButton(onPressed: () {
                final title = titleController.text;
                final text = textController.text;
                NoteProvider.insertNote({
                  'title': title,
                  'text': text
                });
                Navigator.pop(context);
              }, 
              child: Text('save')
              )
            ],
          );
        });
  }
}

class NoteTitle extends StatelessWidget {
  final String title;

  NoteTitle(this.title);

  @override
  Widget build(BuildContext context) {
    return Text(
      title,
      style: TextStyle(fontSize: 25, fontWeight: FontWeight.bold),
    );
  }
}

class NoteText extends StatelessWidget {
  final String text;

  NoteText(this.text);

  @override
  Widget build(BuildContext context) {
    return Text(
      text,
      style: TextStyle(
        color: Colors.grey.shade600,
      ),
      maxLines: 2,
      overflow: TextOverflow.ellipsis,
    );
  }
}

class SaveButton extends StatelessWidget {
  final Function onPressed;

  SaveButton(this.onPressed);

  @override
  Widget build(BuildContext context) {
    return MaterialButton(
      onPressed: () {

        Navigator.pop(context);
      },
      child: Text('Save'),
    );
  }
}

note_providers.dart

import 'package:sqflite/sqflite.dart';
import 'package:path/path.dart';

class NoteProvider {
  static Database db;

  static Future open() async {
    db = await openDatabase(join(await getDatabasesPath(), 'notes.db'),
    version: 1,
    onCreate: (Database db, int version) async {
      db.execute('''
      CREATE TABLE notes(
        id INTEGER PRIMARY KEY AUTOINCREMENT,
        title TEXT NOT NULL,
        text TEXT NOT NULL
      );
      ''');
     }
    );
  }

  static Future<List<Map<String, dynamic>>> getNoteList() async {
      if (db == null) {
        await open();
      }
      return await db.query('Notes');
    }

    static Future insertNote (Map<String, dynamic> note) async {
      await db.insert('Notes', note);
    }
}

如果你能解释为什么会发生这种情况，那就太好了。由于我仍在学习颤振，因此我无法查明问题所在。

提前致谢。

标签： flutterdart

flutter - Flutter，future builder和snapshot.data，数据永远不会被加载

问题描述

解决方案

推荐阅读