Flutter FutureBuilder не строит с данными из sqlite - PullRequest
1 голос
/ 29 мая 2020

Я новичок в флаттере и пытаюсь написать приложение, которое будет принимать значение из sqlite. Из того, что я пробовал, он должен использовать виджет FutureBuilder.

Но в следующем коде, который я написал, виджет FutureBuilder, похоже, получает данные из sqlite, но свойство "builder" никогда не вызывается:

import 'package:flutter/material.dart';
import 'package:flutter_spinkit/flutter_spinkit.dart';
import 'package:flutterapp/dbHelper.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      routes:{
        "/": (context) =>Test()
      }
    );
  }
}

class Test extends StatefulWidget {
  @override
  _TestState createState() => _TestState();
}

class _TestState extends State<Test> {

  bool nameCheck = false; // Use to check name textfield has correctly be inputed
  TextEditingController nameController = TextEditingController();

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        body:Column(
          children: <Widget>[
            SizedBox(height:300),
            Row(
              children: <Widget>[
                Expanded(
                    child: TextField(
                      controller: nameController,
                    )
                ),
                IconButton(
                  icon: Icon(Icons.check_circle),
                    onPressed:(){
                      return FutureBuilder(
                          future: getData(nameController.text),
                          builder: (BuildContext context, AsyncSnapshot<List<Map>>snapshot) {
                            print("Start future"); // never get printed
                            List<Widget> children;
                            if (snapshot.hasData) {
                              children = <Widget>[
                                Builder(
                                    builder: (BuildContext context) {
                                      print("got data");
                                      final result = snapshot.data;
                                      print(result) ; // never get printed
                                      setState(() {
                                        nameCheck = true;
                                      });
                                      return Container();
                                    })
                              ];
                            } else {
                              children = <Widget>[
                                AlertDialog(
                                    content: SpinKitCircle(
                                      color: Colors.white,
                                      size: 80.0,
                                    ))
                              ];
                            }
                            return Center(
                                child: Container(
                                    color: Colors.blue,
                                    child: Column(
                                      mainAxisAlignment:
                                      MainAxisAlignment
                                          .center,
                                      crossAxisAlignment:
                                      CrossAxisAlignment
                                          .center,
                                      children: children,
                                    )));
                          });}
                )
              ],
            ),
            Builder(
              builder: (BuildContext context){
                if (nameCheck == true){
                  return Text("test");
                }
                return Container();
              }
            )
          ],
        )
    );
  }
}

Future<List<Map>> getData(String input_name) async{
  final dbHelper = DBHelper.instance;
  await dbHelper.database;
  final result = await dbHelper.query("SELECT * FROM Guest WHERE Name = \"$input_name\"");
  print(result); // This get printed
  return result;
}

Код DBHelper следующий, в основном он просто настраивает базу данных sqlite и некоторую операцию с базой данных:

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

class DBHelper {
  static final _databaseName = "MonetaryDB.db";
  static final _databaseVersion = 1;

  static final create_table_Test = "CREATE TABLE \"Guest\" (\"Name\"    TEXT NOT NULL PRIMARY KEY, \"Money\" INTEGER, \"Person\" INTEGER)";

  static final String insert_guest = "INSERT INTO Guest (Name, Money, Person) VALUES (\"testname\", 1000, 1)";

  DBHelper._privateConstructor();

  static final DBHelper instance = DBHelper._privateConstructor();

  static Database _database;
  Future<Database> get database async {
    if (_database != null) {
      return _database;}
    else{
      _database = await _initDatabase();
    return _database;}
  }

  _initDatabase() async {
    Directory documentsDirectory = await getApplicationDocumentsDirectory();
    String path = join(documentsDirectory.path, _databaseName);
    return await openDatabase(path,
      version: _databaseVersion,
      onCreate: _onCreate,
    );
  }

  Future _onCreate(Database db, int version) async {
    await db.execute(create_table_Test);
    await db.rawInsert(insert_guest);
  }

  Future<int> insert(String statement) async {
    Database db = await instance.database;
    return await db.rawInsert(statement);
  }

  Future<List<Map>> query(String statement) async {
    Database db = await instance.database;
    return await db.rawQuery(statement);
  }

  Future<int> update(String statement) async{
    Database db = await instance.database;
    return await db.rawUpdate(statement);
  }

  Future<int> delete(String statement) async{
    Database db = await instance.database;
    return db.rawDelete(statement);
  }
}

Если я просто изменю функцию IconButton onPressed на setState((){nameCheck = true}), Text("test") будет отображаться виджет, значит проблема должна быть в FutureBuilder. Кроме того, функция getData () может получить правильный результат из базы данных sqlite

Я понятия не имею, почему FutureBuilder не получает сборку, кто-то знал об этом? Спасибо!

1 Ответ

0 голосов
/ 30 мая 2020

Итак, с помощью в разделе комментариев я изменил код, и он сработал:

...
  Widget build(BuildContext context) {
    return Scaffold(
        body:Column(
          children: <Widget>[
            SizedBox(height:300),
            Row(
              children: <Widget>[
                Expanded(
                    child: TextField(
                      controller: nameController,
                    )
                ),
                IconButton(
                  icon: Icon(Icons.check_circle),
                    onPressed:(){
                    return showDialog(
                      context: context,
                      builder: (BuildContext context){
                        return AlertDialog(
                          actions: <Widget>[
                            SizedBox(
                              width: 300,
                              height: 300,
                              child: FutureBuilder(
                                  future: getData(nameController.text),
                                  builder: (BuildContext context, AsyncSnapshot<List<Map>>snapshot) {
                                    if (snapshot.hasData) {
                                      final result = snapshot.data;
                                      SchedulerBinding.instance.addPostFrameCallback((_) => setState(() {
                                        nameCheck = true;
                                      }));
                                      Navigator.pop(context, true);
                                    }
                                    else {
                                      return Container(
                                          child: SpinKitCircle(
                                            color: Colors.white,
                                            size: 80.0,
                                          ));
                                    }
                                    return Container(color: Colors.blue);
                                  })
                            ),
                          ],
                        );
                      }
                    );
                  }
                )
              ],
            ),
            Builder(
              builder: (BuildContext context){
                if (nameCheck == true){
                  return Text("test");
                }
                return Container();
              }
            )
          ],
        )
    );
  }
...

Остальные коды все те же.

Как и в разделе комментариев выше , основная проблема в том, что не будет места для создания виджета FutureBuilder, который собирается построить. Чтобы решить эту проблему, я помещаю виджет FutureBuilder в виджет AlertDialog, поскольку при загрузке я по-прежнему хочу сохранить виджет SpinKitCircle.

Я также отказался от виджета Column в конце виджета FutureBuilder и удалил виджет Builder в начале виджета FutureBuilder, который больше не нужен, когда столбца не было.

Приведенные выше коды по-прежнему вызывают допустимое исключение: «setState () или markNeedsBuild () вызывается во время сборки». Но все еще может работать, поэтому я попытаюсь исправить это на днях.

Спасибо за предложение в разделе комментариев.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...