Question

我正在尝试搜索我的sqlite数据库，现在即使将文本输入到文本表单，它也会返回所有成员。我在memberList构造函数中有一个ListView构造器，可为每个成员创建卡片。我想要做的是仅显示与用户输入匹配的卡片。

即如果用户输入J，它将仅显示名字或姓氏带有字母J的成员。

我可以看到查询工作正常，因为它可以在dbHelper类中打印计数，并且每次我更改文本窗体的文本时它都会更新。我需要做的实际上是刷新文本窗体文本的Scaffold onChange的正文，这是行不通的。

关于如何执行此操作的任何建议？

我希望尽可能在应用栏中显示文本格式。下面是我的代码：

for

会员列表：


import 'package:flutter/material.dart';
import 'package:troop_mobile_app/MemberFiles/Member.dart';
import 'package:troop_mobile_app/MemberFiles/MemberList.dart';
import 'package:troop_mobile_app/DatabaseFiles/DBHelper.dart';

Future<List<Member>> search(String search) async {
  var dbHelper = DBHelper();
  Future<List<Member>> members = dbHelper.searchScouts(search);
  return members;
}

class SearchFunction extends StatefulWidget {
  @override
  _SearchFunctionState createState() => _SearchFunctionState();
}

class _SearchFunctionState extends State<SearchFunction> {

  TextEditingController controller = TextEditingController();

  String searchText = "";

  _searchResults(String text) {
    return new FutureBuilder<List<Member>>(
        future: search(text),
        builder: (context, snapshot) {
          if (snapshot.hasData) {
            return MemberList(snapshot.data);
          }
          return Container(
              alignment: AlignmentDirectional.center,
              child: new CircularProgressIndicator(
                strokeWidth: 7,
              ));
        });
  }

  Widget build(BuildContext context) {

    //Page Creation returning the UI Home Page Display
    return Scaffold(
        //Top 'Menu Bar' (AppBar) Creation
        appBar: AppBar(
          leading: IconButton(
            icon: Icon(Icons.arrow_back),
            onPressed: () {
              Navigator.pop(context);
            },
            padding: EdgeInsets.fromLTRB(
                20 /*left*/, 0 /*top*/, 20 /*right*/, 0 /*bottom*/),
          ),
          title: TextField(
            //initialValue: 'Search...',
            style: TextStyle(color: Colors.black),
            decoration: InputDecoration(
              //fillColor: Colors.white,
              //filled: true,
              //border:
              //OutlineInputBorder(borderRadius: BorderRadius.circular(12.0)),
              labelText: 'Search...',
              contentPadding: EdgeInsets.fromLTRB(10, 6, 0, 6),
              prefixIcon: Icon(Icons.search),
            ),
            onChanged: (text) async {
              _searchResults(text);
              searchText = text;
            },
            controller: controller,
          ),
        ),
        //End Top 'Menu Bar' Creation

        //Main Body Creation
        body: Container(
                  child: new FutureBuilder<List<Member>> (
                      future: search(searchText),
                      builder: (context, snapshot) {
                        if (snapshot.hasData) {
                          return MemberList(snapshot.data);
                        }
                        return Container(
                            alignment: AlignmentDirectional.center,
                            child: new CircularProgressIndicator(
                              strokeWidth: 7,
                            ));
                      }),

        )
        //End Main Body Creation


        );
  }
}

DBHelper：

import 'package:flutter/material.dart';
import 'MemberCards.dart';
import 'package:troop_mobile_app/MemberFiles/Member.dart';

class MemberList extends StatelessWidget {
  final List<Member> members;
  MemberList(this.members);

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

  ListView _buildList(context) {
    return ListView.builder(
      itemCount: members.length,
      itemBuilder: (context, int) {
        return MemberCards(members[int], );
      },
    );
  }
}

Answer 1

经过数小时令人沮丧的工作，我得以解决我的错误...

这是我的解决办法：

在第一个代码段中，我缺少了 setState（）

我必须用 setState（）

包装返回的新FutureBuilder ...

_searchResults(String text) {
    return new FutureBuilder<List<Member>>(
        future: search(text),
        builder: (context, snapshot) {
          if (snapshot.hasData) {
            return MemberList(snapshot.data);
          }
          return Container(
              alignment: AlignmentDirectional.center,
              child: new CircularProgressIndicator(
                strokeWidth: 7,
              ));
        });
  }

新的代码段如下所示：

我希望这可以帮助遇到类似问题的其他人。

  _searchResults(String text) {
    setState(() {
      return new FutureBuilder<List<Member>>(
          future: search(text),
          builder: (context, snapshot) {
            if (snapshot.hasData) {
              return MemberList(snapshot.data);
            }
            return Container(
                alignment: AlignmentDirectional.center,
                child: new CircularProgressIndicator(
                  strokeWidth: 7,
                ));
          });
    });
  }

在Flutter中使用文本格式搜索数据库（SQLite）

1 个答案: