- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我在排序卡片 list 时遇到麻烦。每次保存数据时,数据都会以卡的形式输出到我的应用中。它包含名称,时间,日期,图片等。问题是它没有按时间和日期排序。它只是添加和添加。它甚至不堆叠,仅添加到列表中的任何位置。顺便说一句,我通过StreamBuilder获得此数据。谁能帮我解决这个问题?谢谢。
我的StreamBuilder代码:
StreamBuilder<QuerySnapshot>(
stream: db.collection('HELP REQUEST').where('Type_OfDisaster', isEqualTo: '[Drought]').snapshots(),
builder: (context, snapshot) {
if (snapshot.hasData) {
return Column(
children: snapshot.data.documents
.map((doc) => buildItem(doc))
.toList());
}
else {
return Container(
child: Center(
child: CircularProgressIndicator()
)
);
}
});
Container buildItem(DocumentSnapshot doc) {
return Container(
child: Padding(
padding: const EdgeInsets.only(left: 20.0, right: 20.0, bottom: 15.0),
child: Card(
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(15),
),
color: Color(0xFFFFFFFF),
elevation: 5,
child: Padding(
padding: const EdgeInsets.only(top: 20, left: 20, right: 20),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: <Widget>[
Row(
children: <Widget> [
picture(),
SizedBox(
width: 10,
),
Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[
Row(
children: <Widget>[
Text(
'${doc.data['Name_ofUser']}',
style: TextStyle(
fontSize: 11.5,
fontWeight: FontWeight.w800),
),
],
),
Row(
children: <Widget>[
Text(doc.data['Help_DatePosted'],
style: TextStyle(
fontSize: 9,
fontWeight: FontWeight.w800
),
),
],
)
],
),
Visibility(
visible: orgstat,
child: Padding(
padding: const EdgeInsets.only(left: 8.0, bottom: 5.0),
child: Icon(
FontAwesomeIcons.checkCircle,
color: Colors.green,
size: 12,
),
),
)
],
),
Row(
mainAxisAlignment: MainAxisAlignment.end,
children: <Widget>[
CircleAvatar(
radius: 20,
backgroundImage: AssetImage('assets/Drought.jpg')
),
],
),
],
),
Container(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[
SizedBox(
height: 20,
),
Padding(
padding: const EdgeInsets.only(top: 8.0),
child: Text('Description:', style: TextStyle(
fontSize: 11.5,
color: Color(0xFF000000)
),
),
),
Padding(
padding: const EdgeInsets.all(8.0),
child: GestureDetector(
onTap: (){
setState(() {
});
},
child: Text(
'${doc.data['Help_Description']}',
maxLines: 3,
overflow: TextOverflow.ellipsis,
textAlign: TextAlign.justify,
style: TextStyle(
fontSize: 13.5, fontWeight: FontWeight.w800,
color: Color(0xFF000000)),
),
),
),
Row(
children: <Widget>[
Text('Families affected:', style: TextStyle(
fontSize: 11.5,
color: Color(0xFF000000)
),
),
Padding(
padding: const EdgeInsets.all(8.0),
child: Text(
'${doc.data['Help_FamiliesAffected']}',
maxLines: 1,
overflow: TextOverflow.ellipsis,
style: TextStyle(
fontSize: 13.5, fontWeight: FontWeight.w800,
color: Color(0xFF000000)),
),
),
],
),
Row(
children: <Widget>[
Text('Area/Barangay:', style: TextStyle(
fontSize: 11.5,
color: Color(0xFF000000)
),
),
Padding(
padding: const EdgeInsets.all(8.0),
child: Text(
'${doc.data['Help_AreaAffected']}',
maxLines: 1,
overflow: TextOverflow.ellipsis,
style: TextStyle(
fontSize: 13.5,
fontWeight: FontWeight.w800,
color: Color(0xFF000000)
),
),
),
],
),
Row(
children: <Widget>[
Text('Things we need:',
style: TextStyle(
fontSize: 11.5,
color: Color(0xFF000000)
),
),
Padding(
padding: const EdgeInsets.all(8.0),
child: Text(
'${doc.data['Help_ThingsNeeded']}'.replaceAll(new RegExp(r'[^\w\s\,]+'),''),
maxLines: 1,
overflow: TextOverflow.ellipsis,
style: TextStyle(
fontSize: 13.5,
fontWeight: FontWeight.w800,
color: Color(0xFF000000)),
),
),
],
),
Row(
children: <Widget>[
Text('Drop off location:',
style: TextStyle(
fontSize: 11.5,
color: Color(0xFF000000)
),
),
Padding(
padding: const EdgeInsets.all(8.0),
child: Text(
'${doc.data['Help_DropoffLocation']}',
maxLines: 2,
overflow: TextOverflow.ellipsis,
style: TextStyle(
fontSize: 13.5, fontWeight: FontWeight.w800),
),
),
],
),
Row(
children: <Widget>[
Text('For inquiries call:',
style: TextStyle(
fontSize: 11.5,
color: Color(0xFF000000)
),
),
Padding(
padding: const EdgeInsets.all(8.0),
child: Text(
'${doc.data['Help_Inquiry']}',
maxLines: 1,
overflow: TextOverflow.ellipsis,
style: TextStyle(
fontSize: 13.5,
fontWeight: FontWeight.w800,
color: Color(0xFF000000)
),
),
),
],
),
],
),
),
Padding(
padding: const EdgeInsets.only(top: 8.0),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: <Widget>[
Padding(
padding: const EdgeInsets.only(bottom: 10, top: 15),
child: Container(
height: _height * 0.05,
width: _width * 0.30,
child: Text(
'${doc.data['Respondents_Count'].toString()} respondents.',
style: TextStyle(
color: Color(0xFF000000),
fontSize: 12,
fontWeight: FontWeight.w800,
),
),
),
),
Padding(
padding: const EdgeInsets.only(bottom: 10),
child: Container(
height: _height * 0.05,
width: _width * 0.30,
child: RaisedButton(
highlightColor: Color(0xFF02663B1),
shape: RoundedRectangleBorder(
borderRadius:
BorderRadius.all(Radius.circular(20.0))),
color: Color(0xFF3F6492),
onPressed: () async {
final FirebaseAuth _firebaseAuth = FirebaseAuth.instance;
final FirebaseUser user = await _firebaseAuth.currentUser();
if (user.isEmailVerified){
Navigator.push(
context,
MaterialPageRoute(
builder: (BuildContext context) => DroughtFeedBenefactorAnswerHelp(
doc.data['Help_Description'],
doc.data['Name_ofUser'],
doc.data['User_ID'],
doc.data['Help_DropoffLocation'],
doc.data['Help_ThingsNeeded'],
doc.data['Type_OfDisaster'],
doc.data['Help_AreaAffected'],
doc.data['Unique_ID'],
widget.totalInterestedCount,
widget.totalConfirmedhelpCount,
doc.data['Respondents_Count']
)
)
);
}else{
_showVerifyEmail(doc.data);
}
},
child: Text(
'I want to help',
style: TextStyle(
color: Color(0xFFFFFFFF),
fontSize: 12,
fontWeight: FontWeight.w800),
),
),
),
)
],
),
),
],
),
),
),
),
);
}
最佳答案
您可以使用firestore提供的或方法
https://firebase.google.com/docs/firestore/query-data/order-limit-data
db.collection('HELP REQUEST')
.where('Type_OfDisaster', isEqualTo: '[Drought]')
.orderBy('time', descending: true)
.snapshots()
关于flutter - Flutter:如何按时间和日期对卡片列表进行排序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59751542/
我的数据库中有两张表,一张用于 field ,另一张用于预订。我需要的是一个查询来选择所有未预订的 field 。见下文: 餐 table 预订具有以下字段: bk_id venue_id 作为(预订
嗨,我是编码新手,我有一些培训项目,其中包括从 HTML 表单输入 MySQL 数据库。它就像你玩过的游戏的日志。第一个日期输入是您开始游戏的时间,第二个日期输入是您完成游戏的时间。但我需要检查器或类
我是这个 sql 编码的新手,我正在尝试学习新的东西。因此,我创建了一个交货表,其中包含一些属性,如商品代码、交货日期、交货数量。所以如何从同一张表中获取第一个交货日期(最小日期)和交货数量以及最晚交
我从支付网关返回了这个日期 2014-05-15T08:40:52+01:00 我得到 2014-05-15T08:40:52 但我无法识别时区 +01:00 的含义 我的位置时区是 UTC−06:0
我快要疯了,请帮忙。 我有一列包含日期时间值。 我需要找到每天的最小值和最大值。 数据看起来像这样 2012-11-23 05:49:26.000 2012-11-23 07:55:43.000
我从 json 数据中获取日期为 2015 年 4 月 15 日晚上 10:15我只想在 html 页面中显示 json 响应数据的时间,例如 10:15 PM这里我放了我的js函数和html代码 J
是否有 javascript 库或其他机制允许我将 .NET 日期/时间格式字符串(即 yyyy-MM-dd HH:mm:ss)传递给 javascript函数并让它相应地解析提供的日期时间值?我一直
我正在使用以下代码以正确的格式获取当前的 UTC 时间,但客户返回并要求时间戳现在使用 EST 而不是 UTC。我搜索了 Google 和 stackoverflow,但找不到适用于我现有代码的答案。
我有以下日期的平均温度数据。我想找到连续至少 5 天低于或高于 0 摄氏度的开始日期。 date_short mean.temp 1 2018-05-18 17.54 2 2018-05-19
它可以在其他网络浏览器中使用,但 IE11 返回无效日期。 为了调试我使用了下面的代码。 console.log('before - ' + date.value); date.value = new
我在 Excel 中有一个数据的 Web 提取,其中日期列带有/Date(1388624400000)/。我需要在 Excel 中将其转换为日期。 最佳答案 能够从 here 中推断出它. 假设字符串
嗨,我的 Schmema 有一个带有 ISO 日期的字段: ISODate("2015-04-30T14:47:46.501Z") Paypal 在成功付款后以该形式返回日期对象: Time/Date
我的 table : CREATE TABLE `tbdata` ( `ID` INT(10) NOT NULL AUTO_INCREMENT, `PatientID` INT(10) NOT
我正在 Ubuntu 服务器 12.04 中编写一个 shell 脚本,它应该比较日志文件中的一些数据。在日志文件中,日期以以下格式给出: [Mon Apr 08 15:02:54 2013] 如您所
我想使用 GROUP BY WITH ROLLUP 创建一个表并获取总行数而不是 null。 $sql ="SELECT IF(YEAR(transaktioner.datum
我正在创建博客文章,在成功迁移我的博客文件后,当我转到我网站的博客页面时返回一个错误(无法解析其余部分:':“Ymd”'来自'post.date|date: "Ymd"') 我似乎无法确定这是语法错误
我正在尝试获取要插入到 CAML 查询中的月份范围,即:2010-09-01 和 2010-09-30。 我使用以下代码生成这两个值: var month = "10/2010"; var month
如何将代码document.write("直到指定日期")更改为writeMessage(date)中的日期?此外,writeMessage(date) 中的日期未正确显示(仅显示年份)。感谢您帮助解
我在 Windows (XP) 和 Linux 上都尝试过 utime()。在 Windows 上我得到一个 EACCES 错误,在 Linux 上我没有得到任何错误(但时间没有改变)。我的 utim
我正在尝试计算发生在同一日期的值的总和(在 XYZmin 中)。 我的数据看起来像这样, bar <- structure(list(date = structure(c(15622, 15622,
我是一名优秀的程序员,十分优秀!