Firebase Query не работает с Flutter, как решить эту проблему? - PullRequest
Новая
       8

Firebase Query не работает с Flutter, как решить эту проблему?

0 голосов
/ 15 марта 2020

Я пытаюсь добавить функцию поиска в свое приложение Flutter. В коде все работает нормально, ошибки не отображаются, но при поиске имени пользователя на экране приложения ничего не отображается, но иногда выдается сообщение об ошибке «сбой» утверждение: строка 269, позиция 10: 'data! = null' Соответствующим видящим ошибку виджетом был FutureBuilder "Особенно, когда я использую заглавную букву и в тексте есть пустое место.

Я прикрепил код для поиска .dart и файл user.dart. Пожалуйста, помогите мне, я застрял здесь.

search.dart Файл 

import 'package:cloud_firestore/cloud_firestore.dart';
import 'package:flutter/material.dart';
import 'package:flutter_svg/flutter_svg.dart';
import 'package:social_share/models/user.dart';
import 'package:social_share/pages/home.dart';
import 'package:social_share/widgets/progress.dart';

class Search extends StatefulWidget {
  @override
  _SearchState createState() => _SearchState();
}

class _SearchState extends State<Search> {
  TextEditingController searchController = TextEditingController();
  Future<QuerySnapshot> searchResultsFuture;

  handleSearch(String query) {
    Future<QuerySnapshot> users = usersRef
        .where("displayName", isGreaterThanOrEqualTo: query)
        .getDocuments();
    setState(() {
      searchResultsFuture = users;
    });
  }

  clearSearch() {
    searchController.clear();
  }

  AppBar buildSearchField() {
    return AppBar(
      backgroundColor: Colors.white,
      title: TextFormField(
        controller: searchController,
        decoration: InputDecoration(
          hintText: "Search for a user...",
          filled: true,
          prefixIcon: Icon(
            Icons.account_box,
            size: 28.0,
          ),
          suffixIcon: IconButton(
            icon: Icon(Icons.clear),
            onPressed: clearSearch,
          ),
        ),
        onFieldSubmitted: handleSearch,
      ),
    );
  }

  Container buildNoContent() {
    final Orientation orientation = MediaQuery.of(context).orientation;
    return Container(
      child: Center(
        child: ListView(
          shrinkWrap: true,
          children: <Widget>[
            SvgPicture.asset(
              'assets/images/search.svg',
              height: orientation == Orientation.portrait ? 300.0 : 200.0,
            ),
            Text(
              "Find Users",
              textAlign: TextAlign.center,
              style: TextStyle(
                color: Colors.white,
                fontStyle: FontStyle.italic,
                fontWeight: FontWeight.w600,
                fontSize: 60.0,
              ),
            ),
          ],
        ),
      ),
    );
  }

  buildSearchResults() {
    return FutureBuilder(
      future: searchResultsFuture,
      builder: (context, snapshot) {
        if (!snapshot.hasData) {
          return circularProgress();
        }
        List<Text> searchResults = [];
        snapshot.data.documents.forEach((doc) {
          User user = User.fromDocument(doc);
          searchResults.add(Text(user.username , style: TextStyle(color: Colors.black, fontSize: 20.0),));
        });
        return ListView(
          children: searchResults,
        );
      },
    );
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Theme.of(context).primaryColor.withOpacity(0.8),
      appBar: buildSearchField(),
      body:
          searchResultsFuture == null ? buildNoContent() : buildSearchResults(),
    );
  }
}

class UserResult extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Text("User Result");
  }
}

user.dart Файл 

import 'package:cloud_firestore/cloud_firestore.dart';

class User {
  final String id;
  final String username;
  final String email;
  final String photoUrl;
  final String displayName;
  final String bio;


  //Constructor
  User({
    this.id,
    this.username,
    this.email,
    this.photoUrl,
    this.displayName,
    this.bio,
  });

  factory User.fromDocument(DocumentSnapshot doc){
    return User(
      id: doc['id'],
      email: doc['email'],
      username: doc['username'],
      photoUrl: doc['photoUrl'],
      displayName: doc['displayName'],
      bio: doc['bio'],
    );
  }
}

Снимки экрана с данными базы данных Firebase

Снимок экрана с данными пользователей Firebase

Ответы [ 2 ]

0 голосов
/ 17 марта 2020

Решено

После того, как я изменил оператор if на следующую строку, он работает. 

if(!snapshot.hasData || snapshot.data.documents == null)
0 голосов
/ 15 марта 2020

если выглядит так, что фактические данные равны нулю, вы получите сообщение об ошибке.

try: 

if(!snapshot.hasData || snapshot.data?.documents == null)

вместо: 

if (!snapshot.hasData)

reference - https://github.com/flutter/flutter/issues/22199

...