小编NNS*_*NNS的帖子

Flutter 排序数据 Firestore 与 Streambuilder

我的目标:当用户按下“_mainListItem”中的“List”按钮时,我希望列表视图按 orderBy 排序。以及在屏幕上更新

import 'package:flutter/material.dart';
import 'package:cloud_firestore/cloud_firestore.dart';


class mainlist extends StatefulWidget {
  @override
  _mainlistpage createState() => _mainlistpage();
}

class _mainlistpage extends State<mainlist> {


  Widget homePage() {
    return StreamBuilder(
      stream: Firestore.instance.collection("Test").snapshots(),
      builder: (context, snapshot) {
        if (!snapshot.hasData) return Text("Loading");
        return ListView.builder(
            itemCount: snapshot.data.documents.length,
            itemBuilder: (context, index) =>
                _mainListItem(context, snapshot.data.documents[index]));
      },
    );
  }


  Widget _mainListItem(BuildContext context, DocumentSnapshot document) {
    return Card(
      color: Colors.white,
      child: InkWell(
        onTap: () {
          Navigator.push(
              context,
              MaterialPageRoute(
                  builder: (context) => profile(context, document)));
        },
        child: Container(
          width: double.infinity, …
Run Code Online (Sandbox Code Playgroud)

flutter google-cloud-firestore

8
推荐指数
1
解决办法
4135
查看次数

标签 统计

flutter ×1

google-cloud-firestore ×1