Flutter :- ListTile不显示单选按钮
Flutter是一种跨平台的移动应用开发框架，由Google开发和维护。它使用Dart编程语言，可以同时为iOS和Android平台构建高性能、美观的原生应用。
ListTile是Flutter中常用的小部件之一，用于在列表中显示一行数据。它通常用于构建列表视图，每个ListTile可以包含一个图标、标题和副标题等内容。
关于ListTile不显示单选按钮的问题，可能有以下几个原因和解决方法：
- 未正确设置选择状态：ListTile可以通过设置selected属性来控制是否显示单选按钮。确保你正确设置了selected属性，并根据需要更新其值。
- 未正确使用ListTile的选择回调：ListTile提供了一个onTap回调，用于处理选择事件。确保你正确地使用了onTap回调，并在回调函数中更新选择状态。
- 使用了错误的ListTile类型：Flutter提供了多种ListTile的变体，如CheckboxListTile、RadioListTile等，用于实现不同类型的选择功能。确保你使用了正确的ListTile类型来实现单选按钮的显示。
- 样式问题：有时候，单选按钮可能因为样式问题而无法显示。你可以尝试修改ListTile的样式，例如调整字体颜色、背景色等，以确保单选按钮能够正确显示。
总结起来，要解决ListTile不显示单选按钮的问题，需要确保正确设置选择状态、使用正确的ListTile类型、正确使用选择回调，并检查样式是否正确。如果问题仍然存在，可以查阅Flutter官方文档或社区资源，寻找更详细的解决方案。
腾讯云相关产品中，与Flutter开发相关的产品包括云开发（https://cloud.tencent.com/product/tcb）和移动应用分析（https://cloud.tencent.com/product/maap）。云开发提供了一站式的后端服务，可用于支持Flutter应用的数据存储、云函数等功能。移动应用分析则提供了丰富的数据分析和统计功能，帮助开发者更好地了解和优化Flutter应用的性能和用户体验。
相关·内容
1回答
如何改变单选按钮的半径
、、、
我正试着制作一个单选按钮，就像图片中的那样。
但是我不能把单选按钮的半径改变到这个大小。有没有办法增加单选按钮的大小？
我已经将单选按钮放在卡片小部件上，并在单击submit按钮时更改了卡片小部件的高度。但我不能改变无线电按钮的大小。这是我尝试过的代码
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context)
浏览 3提问于2020-01-11得票数 3
回答已采纳
3回答
我正在尝试找到一种在点击单选按钮时取消键盘的方法。我找到了一些类似本教程()的答案，但这只会在文本字段外的空白处单击时隐藏键盘，而不是点击单选按钮。
如果你想试试，这里有一个简单的代码。我们将非常感谢您的任何想法。谢谢
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
/// This Widget is the main application widget.
class MyApp extends StatelessWidget {
static const Stri
浏览 0提问于2020-07-23得票数 1
我想在ListTile的副标题上水平显示2个单选按钮。我只能看到一个单选按钮 List<QuestionsOptions> optionsList = [
QuestionsOptions(
index: 1,
name: "Yes",
),
QuestionsOptions(
index: 0,
name: "No",
),
];
浏览 32提问于2020-04-17得票数 0
回答已采纳
我试图添加3个单选按钮与标题在一排使用单选按钮广告ListTile，但每个单选按钮的标题是溢出的，并出现在两行。我怎样才能使它出现在一行中？ 这是图片 ? 这是我用来显示3个图块的代码。 Padding(
padding: EdgeInsets.only(left: 5, right: 5),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
浏览 21提问于2021-09-21得票数 0
回答已采纳
我想在ListTile的副标题上水平显示2个单选按钮。我只能看到一个单选按钮。 List<QuestionsOptions> optionsList = [
QuestionsOptions(
index: 1,
name: "Yes",
),
QuestionsOptions(
index: 0,
name: "No",
),
];
subtitle:Column(
children: [
浏览 18提问于2020-04-17得票数 0
1回答
如何在用户状态摆动中更改抽屉项
、、、、
如何更改flutter上的抽屉项目取决于用户状态抽屉中有两个项目登录和登出，当我按下登出时，用户已登出，但抽屉没有更改注销按钮仍然可见，我应该重新加载页面，使其消失并显示登录按钮 if (_auth.currentUser == null)
Column(
children: [
ListTile(
title: Text('Sign In'),
onTap: () {
浏览 22提问于2021-02-03得票数 0
1回答
我想要创建一个无线电按钮使用颤振在VS代码。我已经完成了单选按钮的功能，但我的项目的要求是使单选按钮文本与左侧对齐。但我不能这么做。这里我附上了我的示例源代码。
import 'package:flutter/material.dart';
void main() {
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({Key? key}) : super(key: key);
@override
Widget build(BuildContext cont
浏览 11提问于2022-05-08得票数 0
回答已采纳
1回答
我在编译我的代码时遇到了一个错误，有人能帮我修复吗？我正在尝试创建一个按钮列表，以导航到另一个屏幕。它以前是一个扩展瓷砖，我正试图将它转换为列表瓷砖。
return ListTile(
title: Text(StudyViewModel.studies[index].name,
style: TextStyle(fontSize: 18.0)),
children: <Widget>[
ListView.builder(
shrinkWrap: true,
physics:
浏览 1提问于2022-03-24得票数 0
回答已采纳
5回答
我刚开始学习颤音/飞镖，因为我的讲师要求我做一些简单的移动电子机票应用程序，用户需要从单选按钮中选择电影，它对每个单选按钮都有价值。然后，用户需要输入数量值，然后单击submit按钮，其中的计算结果需要显示在另一个结果页面中。下面是作业的图片和我所做的一些代码。但我被困在计算部分，没有找到任何解决办法。希望有人能帮我这个忙。
主省道主省道
import 'package:flutter/material.dart';
import 'result.dart';
import 'customer.dart';
void main() {
浏览 10提问于2022-04-23得票数 1
回答已采纳
我想在flutter项目中的listTile末尾部分添加一个按钮，单击该按钮可以显示一个弹出对话框。 下面是我的代码： body: ListView.builder(
itemCount: imgPath.length,
itemBuilder: (context, index) {
return Padding(
padding: const EdgeInsets.all(8.0),
child: Card(
child: ListTile
浏览 12提问于2021-02-01得票数 0
如何使用flutter在lisTile中制作控件。我从json获取数据，并将它们显示在listTile中。但是我想做一个if控件来显示一个按钮。
if(data[position]['value'] == 0){
sho raised button;
}else{
don't show it;
}
浏览 0提问于2018-08-24得票数 4
我是全新的颤振和构建一个包含多个TextFormFields和单选按钮的颤振表单。但是，奇怪的是，单选按钮上方的textformfields字段不统一，并且根据我所做的其他更改随机地进行更改。在我的中，您可以看到前三个文本字段是统一的，但是单选按钮后面的那个比较轻。这是我最接近实现统一文本字段下划线的方法。我尝试过添加和移除很多东西，例如填充、大小的盒子、容器等，它们以不同的方式影响下划线。
例如，将mainAxisAlignment下的Form->Column->Padding改为'start‘而不是spaceEvenly会导致前3个下划线的厚度按递增顺序排列，最后一个文
浏览 18提问于2022-01-17得票数 0
回答已采纳
3回答
我正在尝试寻找一个在flutter中的例子，在这个例子中，ListTile的底部可能有按钮。我有下面的代码，但不知何故我不能添加按钮在底部的单元格，我想添加3个按钮，类似于图片分享
ListTile(title: Text("ListTile"),
subtitle: Text("Sample Subtitle. \nSubtitle line 3"),
trailing: Icon(Icons.home),
leading: Icon(Icons.add_box),
浏览 34提问于2020-05-26得票数 0
回答已采纳
无法在flutter中创建包含文本和单选按钮的动态列表视图
当我在动态创建(从服务中获取数据并将数据与文本绑定)带有文本和单选按钮的列表视图时，当我选择单选按钮时，它不显示选中(指示器)；
<code>A0</code>
我只想创建动态列表视图与文本和选择单选按钮
浏览 11提问于2019-03-29得票数 2
回答已采纳
3回答
我需要添加这样的按钮和图标。
I need to add multiple icons and button in List
import 'package:flutter/material.dart';
import 'package:flutter/src/widgets/container.dart';
import 'package:flutter/src/widgets/framework.dart';
class settings_screen extends StatelessWidget {
const sett
浏览 16提问于2022-11-07得票数 0
我想在我的App中显示3个单选按钮。但它不起作用。这是我试过的密码。。你也可以从这里找到我的完整代码。我想我做错了什么。有人能告诉我们如何解决这个错误吗。
errors>>未定义的名字‘性别’。errors>>函数'setState‘没有定义。
Column(
children: [
Row(
children: [
ListTile(
title:
浏览 5提问于2022-01-27得票数 1
回答已采纳
1回答
当在flutter中使用flutter的内置脚手架/应用程序栏时，当使用导航器推送新路线时，应用程序栏上仍会显示一个后退按钮，浏览器中的url也不会改变。这意味着浏览器的后退按钮不工作，这是一个非常奇怪的用户体验。有没有办法绕过这个问题？ 我已经尝试了用许多不同的方式来推送路由(pushReplacement去掉了后退按钮，但浏览器的后退按钮仍然不起作用) HomeScreen.dart @override
State<StatefulWidget> createState() {
return HomeScreenState();
}
}
class Ho
浏览 8提问于2019-09-24得票数 3
回答已采纳
我希望用户在移动到我的Flutter应用程序的第二页之前选择单选按钮中给出的选项。我在Alertdialog中显示了单选按钮小工具，它显示了单选按钮，但单选按钮在选择后没有改变。
一切状态类
floatingActionButton: FloatingActionButton(
child: Icon(Icons.create),
onPressed: () {
return showDialog(
context: context,
builder: (context) => AlertDialog
浏览 1提问于2019-02-17得票数 8
回答已采纳
1回答
我看了一下“颤栗”单选按钮的官方文档，注意到它们已经被宣布在课堂之外了。为什么我们不能在类中声明它们，如果可以的话，在类的内部和外部声明它们有什么区别？
下面是示例代码：
class MyApp extends StatelessWidget {
const MyApp({Key? key}) : super(key: key);
static const String _title = 'Flutter Code Sample';
@override
Widget build(BuildContext context) {
return Mater
浏览 1提问于2021-07-24得票数 0
回答已采纳
我正在尝试创建所有扫描设备的列表，并在ListTile中显示。
这是我的代码
class HomePageState extends State<Home>{
BluetoothDevice device;
FlutterBlue flutterBlue = FlutterBlue.instance;
List<AdvertiseData> dta = [];
Future<List<AdvertiseData>> getAdvData() async{
var beaconName;
await flutterBlue.scan(t
浏览 7提问于2019-11-13得票数 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
回答已采纳
我正在尝试在flutter中构建一个列表视图，而项目构建器需要一个return语句才能在屏幕上显示它。但是当涉及到条件语句时，我有一些问题。我的目标是让偶数按钮有一个更深的背景。我已经在scaffold的主体中尝试过以下代码 body: ListView.builder(
itemCount: 20,
itemBuilder: (context, index){
//This is the condition with if else statement
if(index % 2 == 0){
浏览 9提问于2021-07-11得票数 0
回答已采纳
这是我的输出
当第一次打开的应用程序应该像这样显示，但选择一个单选按钮，关闭打开，然后应该显示，选择了一个前：-当用户打开应用程序在第一次，然后应该取消选择所有的值，然后用户选择增长和单击下一步按钮，然后再次打开后关闭应用程序，然后应该显示增长作为选定的值。
像这样
我的代码
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:shared_preferences/shared_preference
浏览 3提问于2022-10-26得票数 0
回答已采纳
2回答
我的输出
如何水平对齐这个图标，文本和单选button.Radio按钮和文本显示很好，但图标和文本不是水平对齐。这是怎么做的？
我的代码
ListTile(
leading: Icon(
Icons.brightness_1,
color: Colors.black,
size: 13,
),
浏览 7提问于2022-10-23得票数 1
回答已采纳
嗨，这个代码示例的扩展瓷砖列表：
我的列表来自于api，每个ExpansionTile都包含一些ListTile，如何实现像ExpansionTile这样的ListTile？
使用列表视图显示ListTile中的所有项目。
import 'package:flutter/material.dart';
import 'package:flutter_expansion_tile_demo/Constants/Constants.dart';
import 'package:flutter_expansion_tile_demo/model/month_m
浏览 6提问于2022-11-26得票数 0
回答已采纳
1回答
我正在构建一个抽屉菜单，抽屉是我创建的一个名为"NavigationDrawer“的有状态类，它包含用户名和电子邮件。名称和电子邮件应从云防火墙中检索，如下所示：
import 'package:athaddakapp/model/user_model.dart';
import 'package:cloud_firestore/cloud_firestore.dart';
import 'package:firebase_auth/firebase_auth.dart';
import 'package:flutter/mate
浏览 2提问于2022-08-02得票数 0
回答已采纳
如何向Flutter中的单选按钮添加验证？我知道有一个叫flutter_form_builder的包，但我不想用它。有什么方法可以给单选按钮添加验证吗？我希望它验证它使用formkey，我不能发布代码，因为整个表单是动态的，我没有权限在网上发布代码，所以任何帮助都是非常感谢的。我能做一个自定义的单选按钮吗？
浏览 23提问于2020-11-05得票数 1
1回答
我添加了“注销”按钮，但当我按下该按钮时，它会显示以下错误：
也许是因为我在登录页面中添加了routeName！！
有人能为我解释一下错误吗？
这是我的密码：
ListTile(
title: const Text('Logout'),
trailing: const Icon(
Icons.logout_rounded,
color: Colors.blueGrey,
),
onTap: () async {
浏览 4提问于2022-11-22得票数 0
我将作者单选按钮示例复制/粘贴到我的应用程序中，如下所示：
我的守则：
return Row(
children: <Widget>[
Expanded(child: ListTile(
title: const Text('Left radio button'),
leading: Radio(
value: SingingCharacter.lafayette,
groupValue: _character,
o
浏览 3提问于2020-01-19得票数 5
回答已采纳
1回答
我试图获得不同类型的用户输入数据，如文本数据和单选按钮分组数据。
例如，在文本类型输入中，我使用TextEditingControllers；
final quantNumberController = TextEditingController();
String quant = quantNumberController.text;
var data = {'quant': quant, 'capp': capp}
..。
Container(
width: 280,
padding: EdgeInsets.all(10.0),
浏览 2提问于2020-10-26得票数 0
回答已采纳
如何使ListTile在这个小部件层次结构中工作：
SingleChildScrollView(
scrollDirection: Axis.vertical,
child: Column(
children: [
Row(
mainAxisSize: MainAxisSize.min,
children: <Widget>[
浏览 6提问于2020-08-03得票数 1
我在我的应用程序中有一个项目的ListView，该列表中的每个项目都包装在一个可忽略的小部件中，以便允许swipe删除功能。我也有一个FloatingActionButton，按一下就会导航到一个新页面。所有涉及滑动解除的功能都工作得很好，但如果我在解除一个项目后按下浮动的操作按钮，就会抛出一个异常，并显示以下消息： I/flutter (23062): A dismissed Dismissible widget is still part of the tree.
I/flutter (23062): Make sure to implement the onDismissed hand
浏览 43提问于2019-01-06得票数 0
回答已采纳
1回答
我有一个单选按钮，即使groupValue更新了，通知侦听器也不会更新，选择的单选按钮也不会更新。我使用多提供者。 这里是电台的选择 ListTile(
leading: Icon(
Icons.edit_outlined,
),
title: Text('Post now'),
trailing: Radio<PostOption>(
value: PostOption.now,
浏览 28提问于2021-11-10得票数 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
回答已采纳
我有下面的flutter代码，并试图使文本clickable像按钮一样可点击。我使用了flutter库中的示例代码，并尝试在条目Class a list of FlatButtons final List<FlatButtons> bvttons中定义一个字段，但得到了FlatButtons不是一个类型的错误。有没有办法让可点击的字符串像按钮一样响应？
import 'package:flutter/material.dart';
void main() {
runApp(new Demo());
}
class Demo extends Stateless
浏览 2提问于2017-08-08得票数 1
回答已采纳
我正在使用Flutter设计一个移动应用程序，但我不知道如何设计一个自定义按钮、listTile或任何类型的小部件，使其看起来类似于以下图像：
浏览 0提问于2019-04-26得票数 0
回答已采纳
flutter中循环视图的替代方法是什么?我尝试过使用此代码，但如何在flutter中使用listview小部件进行动画制作
这是有效的吗？
ListView(
children: <Widget>[
ListTile(
leading: Icon(Icons.map),
title: Text('Map'),
),
ListTile(
leading: Icon(Icons.photo_album),
title: Text('Album'),
),
ListTile(
leading: Icon(Icons.phone),
浏览 0提问于2018-06-20得票数 21
回答已采纳
每当我点击AlertDialog时，我都想显示ListTile。我想将AlertDialog添加到OnTap函子中的ListTile中，如代码所示。
import "package:flutter/material.dart";
void main() {
runApp(MaterialApp(
debugShowCheckedModeBanner: false,
title: 'Exploring Ui Widgets',
home: Scaffold(
body: getListView(),
),
浏览 1提问于2019-05-12得票数 0
回答已采纳
在我的项目中，我有一个需要应用背景色的ListTile列表。通过应用颜色，ListTiles将失去onTap的飞溅效应。
我尝试使用tileColor属性ListTiles来实现背景色。
我试图通过在子容器中传递ListTile来实现容器中的背景色，但没有成功
// 1 (splash effect working)
ListTile(title: Text("ListTile without color"), onTap: () {}),
// 2 (splash no effect working)
ListTile(
tileColo
浏览 7提问于2020-11-29得票数 3
回答已采纳
1回答
我想做个付款页面。首先，用户必须使用单选按钮选择支付方法，它有5个选项，然后当用户选择支付方法并单击“支付”按钮时，显示支付成功的页面。但我希望当用户选择选项5，并单击“支付”按钮，付款将失败(重定向到失败页，并再次回到支付页，以选择另一个选项)，我如何能做到这一点？当用户选择数字5选项时，让“支付”按钮重定向到另一个页面？
这是单选按钮和支付按钮的代码：
Expanded(
child: ListView.separated(
itemCount: paymentLabels.length,
itemBuilder: (context, index) {
浏览 5提问于2022-06-21得票数 0
我使用ListView而不是抽屉，我想让它可折叠，就像仪表板风格的抽屉。
我的解决方案是单击一个按钮，然后setState SizedBox的宽度。
不知何故，它会吐出tileWidth != leadingSize.width
这个错误有什么解决方案吗？
Widget _menu(bool isOpen) {
return SizedBox(
width: isOpen ? 250 : 0,
child: ListView(
children: [
child: Column(
浏览 0提问于2020-09-09得票数 0
在我的Flutter应用中使用ListView时，我遇到了一个奇怪的视觉故障。我已经在最小的代码中重现了这个问题(如下所示)。
当列表滚动到顶部时，列表将与其下面的元素重叠。只要我向下滚动一点，列表就会遵守它所在的Expanded元素的边界，重叠的部分就会停止。
上面的左图显示了这个缺陷。请注意这些元素是如何重叠红色区域的。右边的图片显示了这种情况，我滚动了一下，现在我们可以看到红色区域上方出现了正确的空间。
是我做错了什么，还是这里有个bug？
import 'package:flutter/material.dart';
void main() {
run
浏览 108提问于2018-05-25得票数 3
1回答
我觉得这似乎与我把它们放在一个模态中这一事实有关，不管怎么说，我似乎不明白这一点。单选按钮和列表块在模态中都是可见的，但它们在按下时没有反应。我试着把困难变量放在建设者的下面(一个用于整个页面，另一个用于模态本身，但没有运气)，在返回之前没有运气，我非常肯定--变量位置有问题，但没有工作。
下面是代码：
import 'package:flutter/material.dart';
import 'package:modal_bottom_sheet/modal_bottom_sheet.dart';
class Home extends StatefulWi
浏览 4提问于2022-07-03得票数 1
回答已采纳
如何在单击弹出菜单按钮时删除项目列表？然而，我的列表和弹出菜单是在两个独立的文件中。我需要知道根据按下的列表项删除的是哪一个。 pop_up_menu.dart： import 'package:flutter/material.dart';
class PopUpMenu extends StatelessWidget {
void showMenuSelection(String value) {
print("pressed");
}
@override
Widget build(BuildContext context) {
浏览 26提问于2019-03-05得票数 6
回答已采纳
当按下按钮时，我试图显示小部件(NewWidget)。理想情况下，按钮将是小部件的一部分，当按下它时，将显示小部件的其余部分。但我不会让它起作用的。谁能看看吗？应该只需要一分钟。谢谢！！
这是一个简单的应用程序。对于body，调用NewWidget，我只希望它显示一个按钮，然后按下按钮显示小部件的其余部分。
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget b
浏览 1提问于2019-09-22得票数 1
回答已采纳
我正在开发一个页面使用ReorderableListView小部件的应用程序。当我向上拖动Tile时，我得到了一个错误，但当我向下拖动任何Tile时，它工作正常。该错误是关于多个小部件使用的全局键，但所有键彼此不同。任何帮助都将不胜感激。提前谢谢。附上视频链接和代码以供参考。 class GurmatLekh extends StatefulWidget {
@override
_GurmatLekhState createState() => _GurmatLekhState();
}
Widget listTile(
{ String key, Widget wi
浏览 26提问于2019-01-14得票数 2
ListWheelScrollView的放大镜是空的(只是一个白色容器)。
ListWheelScrollView(
itemExtent: 60,
magnification: 2,
useMagnifier: true,
children: List.generate(
100,
(index) => Card(
key: ValueKey(index),
color: Colors.blue,
child: ListTile(
title: Text(index
浏览 2提问于2020-08-23得票数 1
回答已采纳
我正在努力显示长文本，这是一个地址的字符串格式。它可以使用一两行或更多行，我已经尝试了每一个解决方案，以充分显示文本，但每次它溢出。我使用了灵活，可扩展和所有的文本属性，如软包装，但它不起作用。我必须在ListTile中展示这个专栏。
showPickedDropoffLocations() {
return Column(
crossAxisAlignment: CrossAxisAlignment
.start, //meant to align elements to the left - seems to be working
mai
浏览 2提问于2021-08-14得票数 1
好吧，所以我想我被flutter builder卡住了一点。 我已经创建了简单的应用程序，只是为了让我的问题更简单： 我有一个数据类： class DataLists {
List<ListTile> lists = [
ListTile(
leading: Text('Tile Leading 1'),
title: Text('Tile Title 1'),
subtitle: Text('Tile Subtitle 1'),
trailing: Text(&#
浏览 17提问于2020-08-18得票数 1
回答已采纳
我正在使用Flutter和GetX插件，我在statelessWidget中有两个单选按钮，但当用户点击它时，单选按钮不会更改为选中。我的问题是，我如何更新屏幕以显示选定的单选，使用GetX插头更改了groupValue属性。以下是我的代码 Radio(
value: reportController.period[0],
groupValue: reportController.selectedPeriod,
onChanged: (val) {
reportController.selectedPeriod = val;
浏览 43提问于2021-01-25得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
