new Expanded(
child: _searchResult.length != 0 || controller.text.isNotEmpty
? new ListView.builder(
itemCount: _searchResult.length,
itemBuilder: (context, int i) {
return new Card(
child: new Column(
mainAxisSize: MainAxisSize.min,
children: <Widget>[
new Row(children: <Widget>[
//new GestureDetector(),
new Container(
width: 45.0,
height: 45.0,
decoration: new BoxDecoration(
shape: BoxShape.circle,
image: new DecorationImage(
fit: BoxFit.fill,
image: new NetworkImage(
"https://raw.githubusercontent.com/flutter/website/master/_includes/code/layout/lakes/images/lake.jpg")))),
new Text(
" " +
userDetails[returnTicketDetails[i]
["user_id"]]["first_name"] +
" " +
(userDetails[returnTicketDetails[i]
["user_id"]]["last_name"]),
style: const TextStyle(
fontFamily: 'Poppins', fontSize: 20.0)),
]),
new Column(
children: <Widget>[
new Align(
alignment: FractionalOffset.topRight,
child: new FloatingActionButton(
onPressed: () {
groupId = returnTicketDetails[i]["id"];
print(returnTicketDetails[i]["id"]);
print(widget.id);
Navigator.push(
context,
new MaterialPageRoute(
builder: (context) => new Tickets(groupId,widget.id)));
},
heroTag: null,
backgroundColor: Color(0xFF53DD6C),
child: new Icon(Icons.arrow_forward),
)),
new Padding(padding: new EdgeInsets.all(3.0)),
],
)
]));
},
)
: new ListView.builder(
itemCount: _searchResult.length,
itemBuilder: (context, int i) {
return new Card(
child: new ListTile(
//title: new Text(userDetails[returnTicketDetails[i]["user_id"]]["first_name"]),
),
margin: const EdgeInsets.all(0.0),
);
},
),
),
大家好!当我在 ListView 中动态构建 Card 时,我想的不是像我已经做的那样在每个卡片中保留 FloatingActionButton,而是在每个卡片中实现一个 onTap 方法并触发一些东西。 换句话说,我想让卡片尽可能简单,周围没有太多小部件。 提前致谢!
最佳答案
作为Card是“一张 Material ”,您可能想使用 InkWell ,其中包括 Material 突出显示和飞溅效果,基于最接近的 Material 祖先。
return Card(
child: InkWell(
onTap: () {
// Function is executed on tap.
},
child: ..,
),
);
关于dart - GestureDetector onTap 卡片,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50662428/
最近更新的博客华为od2023|什么是华为od,od薪资待遇,od机试题清单华为OD机试真题大全,用Python解华为机试题|机试宝典【华为OD机试】全流程解析+经验分享,题型分享,防作弊指南)华为od机试,独家整理已参加机试人员的实战技巧文章目录使用说明本期题目:卡片组成的最大数字题目输入输出描述示例一输入输出示例二输入输出Code
GoogleDartJavaScript转换器支持旧版浏览器还是仅支持现代浏览器? 最佳答案 根据technicaloverviewofitsofficialsite:您将能够以多种方式运行Dart代码:1.将Dart代码转换为可在任何现代浏览器中运行的JavaScript:Chrome、Safari5+和Firefox4+(即将推出更多浏览器支持)。2.在服务器端直接在虚拟机中执行Dart代码3.使用Dartboard在任何浏览器窗口中编写、修改和执行小型Dart程序Dart->JavaScript编译器几乎不可能支持旧版浏览器。
我的工作涉及大量的可视化。我一直在用D3.js和JavaScriptInfovistoolkit我最近了解到Dart如何成为开发Web应用程序的新方法。Q1。Dart是否提供任何用于可视化的库(某种级别的D3.js或JavaScriptInfovistoolkit)?Q2。如果我继续使用Dart,我可以使用D3.js吗?/JavascriptInfovistoolkit与Dart一起?编辑:我在互联网上发现wecanuseJavascriptalongwithDart.我经历了DartFAQ,但无法真正找到与可视化库或D3.js本身相关的任何内容。 最佳答案
我是javascript的新手,所以我确信我对它的理解有很多缺失。我正在尝试做的是创建一层图像,使其看起来像一堆卡片。看过类似的代码并尝试遵循他们的想法,但我就是无法正确定位图像。所有10张左右的图像都放在完全相同的位置。能帮忙看看为什么不定位吗?还有什么是“em”。我找不到任何关于它的文献,但假设它是像px这样的测量em??为什么在""中?functionDisplay(){varel;varleft=0;vartop=0;vari=0;varn=deck.length;varcardNode;varimg=document.createElement("IMG");img.src=
Dart被认为是编译语言还是解释语言?同样的问题也适用于JavaScript。问题原因:我去过watchinganinterview与dart的创始人一起,在7:10LarsBak说:"Whenyou[...]inaJavaScriptprogram,youactuallyexecuteJavaScriptbeforeyoustartrunningtherealprogram.InDart,youdon'texecuteanythingbeforethefirstinstructioninmainisbeingexecuted".在我看来,他是在说JavaScript是一种编译型语言,
我是Dart的新手,我在开始使用js-interop库时遇到了问题。我想从jqueryui添加一个slider到我的页面,但我不知道如何从Dart进行slider()设置调用。js-interop是这样做的正确方法吗?对此提供一些帮助将不胜感激。voidmain(){js.scoped((){varslider=query('#slider-range');varoptions=js.map({'range':true,'values':[17,67]});//Thisdoesn'twork.Elementhasnomethodnamedslider.slider.slider(opt
我是DART的新手。我阅读了语言概述并在DART编辑器中检查了示例代码。到目前为止,我找不到如何处理DART中的事件。例如onclick="call_dart_method()".我们如何处理DART中的事件? 最佳答案 这不是你在Dart上的做法在此处查看“事件”部分下的内容:http://www.dartlang.org/articles/improving-the-dom/elem.onClick.listen((event)=>print('click!')); 关于javasc
我尝试从Dart中的map列表中获取ID。在JavaScript中会是这样的:varlist=[{id:3,name:'third'},{id:4,name:'fourth'}];varresult=list.map(function(x){returnx.id;});这应该给出结果[3,4]在Dart中是否有一种简单的方法可以做到这一点?到目前为止,我能够做到这一点(在Dart中):varlist=[{'id':3,'name':'third'},{'id':4,'name':'fourth'}];varresult=list.map((x)=>x['id']);结果是“Mapped
目标我想写一个javascript库(框架),但需要OOP和mixins。尝试使用typescript,但它不支持混入(手册上说支持,但编译器/规范没有任何与混入相关的内容)。typescript在typescript中,以下代码:classGreeter{greeting:string;constructor(message:string){this.greeting=message;}greet(){return"Hello,"+this.greeting;}}编译为:varGreeter=(function(){functionGreeter(message){this.gree
AngularDart应用程序(什么都不做)的最小/最小编译和缩小JavaScript大小大约为650KB是否正确?这对于移动应用来说太多了,对于普通应用来说甚至太大了。有谁知道如何让它小于100KB? 最佳答案 “最小的编译和缩小的Javascript”今天是190KB。我们正在跟踪该数字并关注部署规模和性能。如果您看到650KB,则可能某处存在错误;如果您可以在https://github.com/angular/angular.dart提供问题的详细信息我们将不胜感激。此外,如果您可以分享您的用例和要求,这将有助于我们设计系统