Как получить данные из таблицы sqflite и отобразить их как текстовый виджет% - PullRequest
Новая
       5

Как получить данные из таблицы sqflite и отобразить их как текстовый виджет%

0 голосов
/ 04 февраля 2020 

import 'dart:io';

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

class DatabaseHelper {

  static final _databaseName = "MyDatabase.db";
  static final _databaseVersion = 1;

  static final table = 'my_table';

  static final columnId = '_id';
  static final columnName = 'name';
  static final columnAge = 'age';

  // make this a singleton class
  DatabaseHelper._privateConstructor();
  static final DatabaseHelper instance = DatabaseHelper._privateConstructor();

  // only have a single app-wide reference to the database
  static Database _database;
  Future<Database> get database async {
    if (_database != null) return _database;
    // lazily instantiate the db the first time it is accessed
    _database = await _initDatabase();
    return _database;
  }

  // this opens the database (and creates it if it doesn't exist)
  _initDatabase() async {
    Directory documentsDirectory = await getApplicationDocumentsDirectory();
    String path = join(documentsDirectory.path, _databaseName);
    return await openDatabase(path,
        version: _databaseVersion,
        onCreate: _onCreate);
  }

  // SQL code to create the database table
  Future _onCreate(Database db, int version) async {
    await db.execute('''
          CREATE TABLE $table (
            $columnId INTEGER PRIMARY KEY,
            $columnName TEXT NOT NULL,
            $columnAge INTEGER NOT NULL
          )
          ''');
  }

  // Helper methods

  // Inserts a row in the database where each key in the Map is a column name
  // and the value is the column value. The return value is the id of the
  // inserted row.
  Future<int> insert(Map<String, dynamic> row) async {
    Database db = await instance.database;
    return await db.insert(table, row);
  }

  // All of the rows are returned as a list of maps, where each map is
  // a key-value list of columns.
  Future<List<Map<String, dynamic>>> queryAllRows() async {
    Database db = await instance.database;
    return await db.query(table);
  }

  // All of the methods (insert, query, update, delete) can also be done using
  // raw SQL commands. This method uses a raw query to give the row count.
  Future<double> queryRowCount() async {
    Database db = await instance.database;
    List<Map<String, dynamic>> x = await db.rawQuery('SELECT COUNT(*) FROM $table');
    int rowCount = Sqflite.firstIntValue(x);
    return rowCount.toDouble();
  }

  // We are assuming here that the id column in the map is set. The other
  // column values will be used to update the row.
  Future<int> update(Map<String, dynamic> row) async {
    Database db = await instance.database;
    int id = row[columnId];
    return await db.update(table, row, where: '$columnId = ?', whereArgs: [id]);
  }

  // Deletes the row specified by the id. The number of affected rows is
  // returned. This should be 1 as long as the row exists.
  Future<int> delete(int id) async {
    Database db = await instance.database;
    return await db.delete(table, where: '$columnId = ?', whereArgs: [id]);
  }

  Future<List<Map<String, dynamic>>> queryOmnivore() async {
    Database db = await instance.database;
    return await db.query(table, where: '$columnName = ?', whereArgs: ['omnivore']);
  }

  Future<List<Map<String, dynamic>>> queryPescatarian() async {
    Database db = await instance.database;
    return await db.query(table, where: '$columnName = ?', whereArgs: ['pescatarian']);
  }

  Future<List<Map<String, dynamic>>> queryVegetarian() async {
    Database db = await instance.database;
    return await db.query(table, where: '$columnName = ?', whereArgs: ['vegetarian']);
  }

  Future<int> queryVegetarianCount() async {
    var vegList = await queryVegetarian();
    int count = vegList.length;
    return count;
  }

  Future<double> queryOmnivoreCount() async {
    var omniList = await queryOmnivore();
    int omniCount = omniList.length;
    return omniCount.toDouble();
  }

  Future<double> calcOmnivorePercentage() async {
    var x = await queryOmnivoreCount();
    var y = await queryRowCount();
    double omniPercentage = (x / y) * 100;
    return omniPercentage;
  }
}

Привет, народ!

Я надеялся, что кто-нибудь может мне помочь, пожалуйста?!

Я пытаюсь выяснить как извлечь данные из таблицы sqflite, которую я создал, выполнить вычисление, выражающее его в процентах от других значений, и отобразить его внутри текстового виджета в приложении.

Я действительно справился чтобы получить результат для печати в консоли, используя этот код: 

void omnivorePercentageQ() async {
    final omni = await dbHelper.calcOmnivorePercentage();
    print('omnivore percentage: ${omni.toStringAsFixed(1)}');
  }

Но я понятия не имею, как заставить его отображаться в текстовом виджете в самом приложении.

Любые идеи будут высоко оценены!

Спасибо,

Джейсон

1 Ответ

3 голосов
/ 04 февраля 2020

Вы не за горами ответа и уже поймаете значение необходимого расчета. Как я вижу, вам не нужно передавать какие-либо параметры функции, поэтому я рекомендовал бы использовать futurebuilder: 

return FutureBuilder(
    future: dbHelper.calcOmnivorePercentage(),
    builder: (context, AsyncSnapshot<double> snapshot) {
      if (snapshot.hasData) {
        return Center( child: Text('${snapshot.data.toStringAsFixed(1)}'),);
      }else
      return Center(
        child: CupertinoActivityIndicator(),
      );
    });

Класс Future Builder https://api.flutter.dev/flutter/widgets/FutureBuilder-class.html Служит для управления виджетами, которые зависят от на фьючерсы, так как ваши вычисления и запросы к базе данных асин c, вы можете проверить его состояние (как внутри виджета в snapshot.hasData). Это условно проверяет, закончилось ли будущее, и еще показывает индикатор. Надеюсь, это поможет

...