ListView中的颤振交互式ListTile
是一种在移动应用程序中常用的用户界面元素，用于展示列表数据并与用户进行交互。它通常用于呈现垂直滚动的列表，每个列表项都由一个ListTile组成。
ListTile是一个可定制的小部件，它包含了列表项的内容和交互元素。它通常包含一个图标、一个标题和一个副标题，以及一个可选的尾部图标。ListTile还可以响应用户的点击事件，并触发相应的操作。
颤振交互式ListTile是指在用户点击ListTile时，会出现一个短暂的颤振效果，以提供视觉反馈。这种效果可以增强用户体验，让用户知道他们的操作已被成功接收。
ListView是一个用于展示垂直滚动列表的小部件，它可以包含多个ListTile。通过将多个ListTile放置在ListView中，我们可以创建一个可滚动的列表视图，以展示大量的数据。
ListView中的颤振交互式ListTile可以应用于各种场景，例如社交媒体应用中的消息列表、电子商务应用中的商品列表、新闻应用中的文章列表等。它可以提供直观的界面，让用户快速浏览和选择感兴趣的内容。
腾讯云提供了一系列与移动应用开发相关的产品和服务，其中包括云服务器、云数据库、云存储等。这些产品可以帮助开发者构建稳定、高效的移动应用，并提供安全可靠的云计算基础设施。
关于ListView中的颤振交互式ListTile，腾讯云没有特定的产品或服务与之直接相关。然而，腾讯云的移动开发套件（Mobile Development Kit）提供了丰富的移动应用开发工具和资源，可以帮助开发者快速构建高质量的移动应用。
腾讯云移动开发套件：https://cloud.tencent.com/product/mdk
相关·内容
3回答
用抽头更新颤振ListTile
、、、、
目标是将ListTile of 中的值引导和字幕更改为null on tap。点击正在切换_act布尔值，但是ListTile的引导:和字幕:值不会从它们的初始状态改变。我的ListView代码如下。请帮帮忙。
return new ListView(
children: querySnapShot.data.documents.map((DocumentSnapshot document) {
bool _act = false;
return new ListTile(
lead
浏览 7提问于2020-08-07得票数 1
回答已采纳
2回答
我一直在调查SliverAppBar，CustomScrollView，NestedScrollView，SliverPersistentHeader等等。我找不到一种方法来构建类似Instagram用户配置文件屏幕的标题，其中只有选项卡条是固定的。屏幕的主体是一个TabBarView，每个窗格都有一个可滚动列表。
使用SliverAppBar，很容易在底部参数中添加TabBar。但是，我想在这个TabBar之上增加一个未知/可变高度的小部件。当页面被滚动时，额外的小部件应该被滚动，然后TabBar是固定在屏幕顶部的东西。
我所能管理的只是标签栏之前的固定内容和固定的选项卡栏。我不能
浏览 5提问于2020-01-24得票数 19
回答已采纳
我试图创建一个抽屉，但不知怎的，我找不到任何方法使它的DrawerHeader保持不变(而下面的项目继续滚动)。尝试了扩展，Flex等等，但是不知怎么我遗漏了一些东西。这是工作代码，但标题将与下面的列表视图中的项一起滚动。
Widget _drawerList(BuildContext context) {
return Drawer(
elevation: 20.0,
child: ListView(
children: <Widget>[
Container(
height: 120.0,
浏览 1提问于2019-07-28得票数 2
回答已采纳
我的ListView在SingleChildScrollView中，但是如果我的列表中有一些元素，那么我的ListView就不会覆盖整个Scaffold，而是在尝试滚动时剪切元素。怎么修呢？
以下是简化的代码：
import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:s/views/widgets/bottom_nav_dashboard.dart';
class PgVisit extends GetView {
PgVi
浏览 5提问于2022-06-23得票数 0
1回答
我想从我的脚手架上拿出一个“抽屉”，这样就不会重复了。
我有多个屏幕，抽屉在每个脚手架上，除了导航功能之外，没有什么用。当然，我想把它从脚手架上拉出来，放到一个新的省道文件中，并在页面上调用它(在脚手架内)。
drawer: Drawer(
child: Material(
color: Colors.cyan[100],
child: ListView(
padding: EdgeInsets.zero,
children: [
DrawerHeader(
浏览 6提问于2022-08-22得票数 0
回答已采纳
我正在编写一个简单的颤振应用程序，其中包含一个ListView。下面是教程，我的ListView正在使用一个构建器，如下所示：
ListView myListItems() {
return ListView.builder(
itemCount: count,
itemBuilder: (BuildContext context, int position) {
return Card(
color: Colors.white,
elevation: 2.0,
child: ListTile( // error
浏览 3提问于2019-02-20得票数 0
我有SingleChildScrollView和短ListView在Scaffold里面。正如您在视频中所看到的，SingleChildScrollView不填充整个Scaffold。怎么修呢？
import 'package:flutter/material.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
浏览 11提问于2022-08-31得票数 0
回答已采纳
我要显示一个垂直的小部件列表，我希望最后一个部件(一个TextButton)能够对齐到屏幕的右边。通常，这可以很容易地通过CrossAxisAlignment.end在Column中实现，但是我需要它是可滚动的，所以我使用的是ListView。ListView中的子部件似乎总是自动居中，但我希望最后这个小部件与右边对齐。我怎样才能做到这一点？
我想要的：TextButton是对齐的(这张图片是使用Column完成的)：
Column(
crossAxisAlignment: CrossAxisAlignment.end,
children: [
const ListTile(t
浏览 5提问于2022-07-30得票数 0
回答已采纳
我正在使用ListView.separated()在builder of showModalBottomSheet()中。我希望BottomSheet能够根据显示的ListTile小部件的数量来调整大小。
这是我的密码：
showModalBottomSheet(
context: context,
backgroundColor: Colors.blueGrey,
isScrollControlled: false,
builder: (context) => Wrap(
浏览 3提问于2021-03-19得票数 0
回答已采纳
我想在WebView页面前面显示没有AppBar的抽屉图标。
到目前为止，我的实现情况如下：
Scaffold(
body: const SafeArea(
child: WebView(
initialUrl: "https://sohozeto.com/",
javascriptMode: JavascriptMode.unrestricted)),
drawer: Drawer(
child: ListView(
// Important: Remove any padding from the ListView
浏览 4提问于2022-03-18得票数 0
我有下面的代码，它只在Flutter中显示顶部的appBar。如果我删除ListView，我会看到分段控件，但如果我保留ListView，我就看不到任何东西，如下所示： ? 下面是我的代码： Widget build(BuildContext build) {
return Scaffold(
appBar: AppBar(
title: Text('Movies')
),
body: Center(
child: Column(children: <Widget>[
浏览 29提问于2019-05-18得票数 1
回答已采纳
1回答
我的ListView有一个问题，基本上我想做的是一个可交互的ListTile。我希望用户点击磁贴，并通过导航器移动他们到另一个页面。 下面的代码可以用于按钮(onPressed)，但不能用于ListTiles： Navigator.of(context).pushNamed(HomePage.tag); 我试过使用OnTap，但我想不出一种方法来使用它。 final list = ListView(
children: <Widget>[
ListTile(
leading: Icon(Icons.account_circle),
title:
浏览 16提问于2019-01-24得票数 0
回答已采纳
我想要做的是在最后一个LisTile中添加一个额外的ListView，但我仍然没有弄清楚。我现在的代码是这样的。
child: ListView.builder(
itemBuilder: (context, index) {
if (index == 0) {
// Add an extra item to the start
return ListTile(
...
);
}
index -= 1;
浏览 0提问于2020-03-28得票数 2
回答已采纳
2回答
问题：
最初我已经禁用了ListView滚动，并希望在3秒后启用它。当应用程序启动的时候，你一直滚动它大约5秒(而不把手指从屏幕上拿开)，ListView不会滚动。
然而，它应该滚动，因为我启用滚动在第3秒，控制台确认ListView enabled，但我仍然不能滚动它。
代码：
bool _enabled = false; // scrolling disabled initially
@override
void initState() {
super.initState();
Timer(Duration(seconds: 3), () {
print("Scr
浏览 3提问于2019-10-14得票数 3
回答已采纳
1回答
我想在卡片中创建一个ListView。当应用程序运行时，我想从ListView中添加/删除项目。我试过这个：
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(
AppLocalizations.of(context)!.devices,
style: Theme.of(context).textTheme.headline1,
),
leadin
浏览 1提问于2022-05-19得票数 0
回答已采纳
1回答
创建一个颤振屏幕列表
、、、、
当项目在抽屉上被点击时，我想要浏览多个屏幕，但是每次我在列表中添加一个参数的屏幕时，我都会得到一个错误。
final List<Widget> Screens = [
Home(),
Search(),
Compose(contacts),
Favourite(contacts),
Inbox(),
];
我叫它在我的main.dart支架的身体，就像
@override
Widget build(BuildContext context) {
return MaterialApp(
debugShowChec
浏览 4提问于2022-01-29得票数 1
5回答
我有一个ListView，充满了作为聊天消息的Firebase集合。
当用户长时间按ListTile (列表中的一项)时，我将显示一个BottomSheet。
当用户单击BottomSheet上的BottomSheet按钮时，应该删除文档。在点击“删除”按钮后，我无法找到删除所选文档的方法。
listview小部件：
return ListView.builder(
padding: new EdgeInsets.all(8.0),
reverse: true,
itemCount: snapshot.data.documents.length,
itemBui
浏览 1提问于2019-01-01得票数 5
回答已采纳
在创建ListView ()时，当使用带有颤振的iOS仿真器滚动时，如何更改列表顶部的弹跳颜色？
ListView(
children: <Widget>[
ListTile(
leading: Icon(Icons.map),
title: Text('Map'),
),
ListTile(
leading: Icon(Icons.photo_album),
title: Text('Album'),
),
ListTile(
leading:
浏览 2提问于2018-11-19得票数 8
回答已采纳
2回答
在Codelab英语单词示例中..。 iOS导航转换为水平。正如您所期望的那样，Segue将在UINavigationController中运行。从右到左..。老爹从左到右。
ANDROID，同样的例子是垂直的，从下到顶。爸爸是自上而下的。
我的问题..。如何在安卓系统中强制水平转换，使其行为类似于iOS？我想我将不得不使用MaterialPageRoute
/*
Nguyen Duc Hoang(Mr)
Programming tutorial channel:
https://www.youtube.com/c/nguyenduchoang
Flutter, React, Reac
浏览 0提问于2018-06-30得票数 2
回答已采纳
我正在尝试使用ListTiles作为水平ListView的项。
final brandsWidget = SizedBox(
height: 200,
child: ListView(
scrollDirection: Axis.horizontal,
children: [
ListTile(
leading: Image.asset('img_1.png'),
title: Text('Product 1'),
subtitle: Text('\$5'),
浏览 1提问于2020-09-06得票数 2
回答已采纳
我有一个像这样的ReorderableListView：
我希望在下面的ListView.separated中，在他的ListTile之间有一个空格：
问题是我不想使用ListView.separated，因为您不能用它拖放ListTiles。
找到更新解决方案:
我使用了Varun下面的答案，将我的ListTile包装在一列中，但我没有使用SizedBox，而是使用容器将空格的颜色从白色更改为背景色：
Container(
height: 5.0,
color: MyColors.myBackgroundColor
浏览 31提问于2022-01-11得票数 0
回答已采纳
3回答
列元素在颤振中不可滚动。
、、、
我还试图将第二个column封装在SingleChildScrollView中，但这也不起作用。请告诉我一个解决办法。屏幕没有滚动。当我删除上面的元素时，就会出现另一个元素。这是我的密码。
SingleChildScrollView(
child: Column(
children: [
Padding(
padding: EdgeInsets.only(left: 16.0, right: 16.0),
child: FutureBuilder(
future: getAppointments(email),
浏览 6提问于2022-07-17得票数 0
回答已采纳
我完成了，并希望将其扩展到从“保存的建议列表”中直接删除项目。为此，我在下面添加了onTap处理程序，从列表中移除这对。但是，直到我向后导航并再次重新打开屏幕，列表才会更新。如何立即更新第二个屏幕上的列表？
void _pushSaved() {
Navigator.of(context).push(MaterialPageRoute<void>(
builder: (BuildContext context) {
final Iterable<ListTile> tiles = _saved.map((WordPair pair) {
浏览 0提问于2018-12-19得票数 0
回答已采纳
当试图向上滚动居中的列表视图时，设置为clipBehavior的Clip.none属性似乎不允许Listview在切断它时继续运行。然而，向下滚动并不会产生这种效果。
我尝试使用居中列和SingleChildScrollView，并将ClipBehavior属性设置为Clip.none works。在这种情况下，我怎样才能让它发挥作用？
以下是代码：
Widget build(BuildContext context) {
return Scaffold(
drawer: Drawer(
child: Center(
child: L
浏览 7提问于2022-07-15得票数 0
回答已采纳
我只是想把这个问题简单化。我需要做一个Drawer，它给了我下面的错误：
RenderFlex子级具有非零的灵活性，但是传入的高度约束是无界的。
我要抽屉有三个部分：
|--------------------------------|
| |
| DrawerHeader |
| |
|--------------------------------|
|--------------------------------|
|
浏览 11提问于2022-08-13得票数 0
回答已采纳
我只想滚动我的列表项目。但这不管用。如果我使用SingleChildScrollView包装列小部件，那么它会滚动，但只在单击列项时才会滚动，而不是listTile项。
这是我的输出
我的预期输出是，这是我的代码
SafeArea(
child: Column(
children: [
Expanded(flex: 2, child: customAdminDashboard()),
Expanded(
flex: 3,
child: Column(
childre
浏览 1提问于2022-06-12得票数 0
回答已采纳
我正在为一个简单的ListView编写小部件测试，ListTile元素在颤振中，并希望测试是否突出显示了元素。
如何找到与“所选”标准匹配的给定类型的小部件？
Finder finder = find.byType(ListTile); // how to filter out only selected
浏览 0提问于2019-09-14得票数 1
回答已采纳
1回答
颤振重建父部件
、、、、
我需要帮助。我在LanguageDropdown类中有一个下拉小部件，用户可以在其中选择语言。小部件位于settings类中的设置页面小部件中。语言在其他页面上发生变化，但在当前页面上没有变化。我如何重建特定的页面，使语言也在这个页面上发生变化？
见下面的代码
import 'package:jptapp/features/settings/change_language/app_localization.dart';
class LanguageDropDown extends StatefulWidget {
@override
_LanguageDropDown
浏览 2提问于2020-04-13得票数 3
回答已采纳
2回答
颤振滚动模态底片
、、、
有没有办法使ModalBottomSheet具有固定的高度--我不希望它的高度在滚动时膨胀
这是我使用的代码
showModalBottomSheet(
context: context,
isScrollControlled: true,
backgroundColor: Colors.transparent,
builder: (context) => DraggableScrollableSheet(
builder: (Bu
浏览 21提问于2022-02-05得票数 0
我有一个listTile。我想将从安全存储中提取的stringList中的项目放置到listTile中。我该怎么做呢？
Future<void> listUpload() async {
final prefences = await SharedPreferences.getInstance();
final getTests = prefences.getStringList("tests"); // get item
Expanded(
child: ListView.builder(
itemBu
浏览 7提问于2022-03-04得票数 0
回答已采纳
3回答
不工作在颤振中的ListView
、、、、
为什么我的ListView不显示预期的瓷砖？
class DepartureCell extends StatelessWidget {
@override
Widget build(BuildContext context) {
return ListView.builder(
itemCount: 20,
itemBuilder: (BuildContext context, int index) {
return ListTile(
title: new Text("Test"),
浏览 0提问于2018-12-22得票数 2
回答已采纳
我想在我的ListView中实现ListView，所以我也需要实现返回ListTile，但是我的ListTile片段上有一个dead code。
我想知道为什么和如何解决这个问题。
这是我的密码：
@override
Widget build(BuildContext context) {
return ListView.separated(
itemBuilder: (context, index) {
var len = tasks.length;
debugPrint("lenght: $len and in
浏览 1提问于2019-04-16得票数 0
回答已采纳
1回答
当你想要画一幅画的时候，这两个点在飞镖里意味着什么？
var paint = Paint()
..shader = gradient.createShader(rect)
像这个样本一样的三个点，我在颤振样本中看到了
ListView(
children: [
ListTile(title: Text('Basics', style: headerStyle)),
...basicDemos.map((d) => DemoTile(d)),
ListTile(title: Text('Mi
浏览 1提问于2020-04-18得票数 4
回答已采纳
我正在尝试创建一个自定义抽屉。
我想修复DrawerHeader。但是，我希望ExpansionTile和ListView可以滚动。
，
class _NavigationDrawerState extends State<NavigationDrawer> {
@override
Widget build(BuildContext context) {
return Drawer(
child: Column(
children: <Widget>[
DrawerHeader(
浏览 9提问于2020-02-27得票数 2
回答已采纳
3回答
我正在尝试在列中放置一个ListView。当ListView中的子级数量很小时(即可以在屏幕上显示完整的ListView )，则可以滚动。但是，随着子级数量的增加，滚动不再可能，当处于调试模式时，会显示溢出错误。
以下是我的问题所在：
class DemoScreen extends StatelessWidget {
final List<String> arr = ["a","b","c","d","e","f","g","h","i
浏览 7提问于2020-09-18得票数 0
回答已采纳
4回答
我想改变一个ListTile文本的颜色，点击瓷砖，我怎么能做到这一点，而且颜色应该只对一个特定的选定瓷砖。我的做法如下：
ListView.builder(
itemCount: _antigen.plantAntigens.length,
itemBuilder: (BuildContext cntxt, int index) {
return ListTile(
title: Text(
_antigen.plantAntigens[index],
浏览 3提问于2021-07-07得票数 2
当我试图在TabBarView中本地化一个字符串时，我会得到以下错误：
NoSuchMethodError:在null上调用了方法'translate‘。接收者:空。尝试调用:翻译(“用户名”)。
我使用这一行代码将键转换为本地化字符串：
AppLocalizations.of(context).translate('username')
这在我的应用程序的所有其他屏幕上都很好，除了这个。有谁知道为什么它不起作用以及如何解决它？
有些事我已经试过了：
传递主屏幕的上下文(包含所有TabBarViews的屏幕)
将每个ListTile封装在一个生成器中
将Li
浏览 0提问于2019-07-18得票数 1
回答已采纳
1回答
我试图更好地对齐卡片/ListTile中的文本、图标和箭头。我似乎不能让他们垂直对齐。我已经尝试了一些解决方案，我在上面找到了，但它们都没有奏效。我做错了什么？
Dart代码：
class _ClassSettingsState extends State<ClassSettings> {
@override
Widget build(BuildContext context) {
return Container(
child: Column(
mainAxisAlignment: MainAxisAlignment.center
浏览 4提问于2020-01-29得票数 0
回答已采纳
15回答
我已经在颤振中做了一个ListView，但是现在我在这个ListView中有了一些可以选择的ListTiles。在选择时，我希望背景颜色更改为我选择的颜色。我不知道该怎么做。在中，他们提到ListTile有一个属性style。但是，当我尝试添加它时(如下面代码中的第三行)，这个style属性在下面会得到一条平淡无奇的红线，编译器告诉我The named parameter 'style' isn't defined。
Widget _buildRow(String string){
return new ListTile(
title: new Text(s
浏览 5提问于2018-03-17得票数 62
回答已采纳
我是个新手，无法在ListTile中选择单选按钮中的项目。我绑定使用相同的代码，而不使用ListTile，并按预期工作。看来组合不对否则我可能漏掉了什么。
class _TempState extends State<Temp> {
int selectedValue = 0;
@override
Widget build(BuildContext context) {
return Scaffold(
body: SafeArea(
child: Container(
child: Col
浏览 14提问于2022-12-04得票数 0
回答已采纳
2回答
我有一个带有ListView的抽屉，里面有ListTiles。在每个ListTile中都有一个主要元素，图标。我想从我的ListTiles中更改ThemeData中所有图标的颜色。我试过了，但不起作用。
下面是我的当前代码(仅限于类)：
class _UniversalConverter extends State<UniversalConverter> {
@override
Widget build(BuildContext context) {
return MaterialApp(
debugShowCheckedModeBanner: fa
浏览 5提问于2022-02-13得票数 0
回答已采纳
2回答
我是否可以在代码中为ListTile添加更多的值，因为我试图使用ListTile调用FireCloud中的数据值。目前，我只能调用文档中的2个数据。对于如何在FireCloud中调用多个数据并显示它，任何帮助都将不胜感激。
return Container(
child: Card(
child: ListTile(
title: Text(widget.post.data["Address"]),
subtitle: Image.network(widget.post.data["Picture"],
浏览 2提问于2020-10-29得票数 0
回答已采纳
3回答
我需要帮助，我试图用包翻译一个字符串列表，但是它一直显示_instance of 'Future<translation>' --这是我的代码：
ListView.builder(
itemCount: docs.length,
itemBuilder: (context, index) {
translated((docs[index]['tweet']));
return ListTile(
浏览 14提问于2022-09-21得票数 0
回答已采纳
1回答
我的第一个屏幕有一个工作表“静态列表dilemmList = [];”，它应该显示在ListView中。我在第二个屏幕上更新这个工作表。但是，当我回到第一次，没有变化。怎么修呢？
以下是ListView：
ListView.separated(
separatorBuilder: (ctx, index) =>
const SizedBox(height: 15.0),
itemCount: MyApp.dilemmList.length,
itemBuilder: (
浏览 3提问于2022-08-21得票数 0
我遇到了一个颤振2021版本的问题，因为当我搜索任何解决方案时，问题是我有一个带有退出按钮的幻灯片菜单，当我单击该按钮时，必须显示对话框aler，让用户选择是否退出。
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
class MenuItems extends StatelessWidget{
@override
Widget build(BuildContext context) {
// TODO: implement bu
浏览 6提问于2021-12-12得票数 0
回答已采纳
我用FlutterBuilder和ListView.builder创建了一个颤振项目，它从JSON文件(本地)中获取数据。我成功地构建了这个应用程序，但就在这一秒，屏幕显示如下：
在那之后，我的应用程序运行得很顺利。这是我的代码：
FutureBuilder(
future: _isInit ? fetchDoa(context) : Future(null),
builder: (context, _) {
if (doaList.isNotEmpty) {
浏览 5提问于2021-04-17得票数 0
回答已采纳
我现在有一个ExpansionTile，它有一个ListView.builder，其中包含一个ListTile。
我正在做的任务是将多个listTiles放在一个扩展项下。
这是list.dart文件
import 'package:flutter/material.dart';
import 'package:url_launcher/url_launcher.dart';
import 'dart:async' show Future;
import 'package:flutter/services.dart' show r
浏览 1提问于2018-09-04得票数 1
我有一个CollectionGroup查询，它用Streambuilder和ListView显示列表中来自'school_news‘集合的所有文档数据。
但现在我只想在ListView/Listtile中显示文档数据，其中' name‘字段等于列表中的名称，如下所示：
List userSelections = ['Liebenberg', 'St Michaels' , 'School C' ];
FirebaseFirestore.instance
.collectionGroup('school_news
浏览 1提问于2021-10-10得票数 1
回答已采纳
1回答
我想从json plaeholder api中得到名字。但是这是错误的，下面是我的代码：
FutureBuilder(
future: getuser(),
builder: (context, snapshot){
if (snapshot.data==null) {
return Container(
child: Text("nothing"),
);
}
else return ListView.builder(
itemCount: snapshot.data.length,
itemBuilde
浏览 3提问于2021-09-10得票数 1
回答已采纳
2回答
现在正在学习颤栗..。我试着从web服务中检索一些数据并显示在列表中.
我就是这样做的：
getcompanies() async {
var url = 'my link';
http.post(url, body: json.encode({'token': globals.token})).then((response) {
// print("Response body: ${response.body}");
Map data = json.decode(response.body);
final companies =
(da
浏览 0提问于2018-10-09得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
