blocks|key|3541497|text|控制器TileColorX将保存已选择的瓷砖(通过使用ListView.builder提供的索引)。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|3541498|import+'package:flutter/material.dart';
import+'package:get/get.dart';

class+ListViewBoxConstraintsPage+extends+StatelessWidget+{
++final+List<String>+_items+=+['first',+'second',+'third'];

++@override
++Widget+build(BuildContext+context)+{
++++TileColorX+tcx+=+Get.put(TileColorX());

++++return+Scaffold(
++++++appBar:+AppBar(
++++++++title:+Text('ListView+Constraints'),
++++++),
++++++body:+ListView.builder(itemCount:+_items.length,
++++++++++itemBuilder:+(BuildContext+context,+int+index)+{
++++++++++++return+ListTile(
++++++++++++++title:+Obx(
++++++++++++++++++++++()+=>+Text('${_items[index]}+item',
++++++++++++++++++++++style:+TextStyle(
++++++++++++++++++++++++++color:+tcx.selectedIndex.value+==+index+?+Colors.green+:+Colors.red)
++++++++++++++++++)),
++++++++++++++onTap:+()+=>+tcx.toggle(index),
++++++++++++);
++++++++++}),
++++);
++}
}

class+TileColorX+extends+GetxController+{
++RxInt+selectedIndex+=+0.obs;

++void+toggle(int+index)+=>+selectedIndex.value+=+index;
}|code-block|syntax|javascript|3541499|entityMap^0|3|A|R|G|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]|$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|R|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|S|8|@]|D|@]|E|$]]]|L|$]]

The controller <code>TileColorX</code> will hold which tile has been selected (by using the index provided by <code>ListView.builder</code>).
<pre><code>import 'package:flutter/material.dart';
import 'package:get/get.dart';

class ListViewBoxConstraintsPage extends StatelessWidget {
 final List&lt;String&gt; _items = ['first', 'second', 'third'];

 @override
 Widget build(BuildContext context) {
 TileColorX tcx = Get.put(TileColorX());

 return Scaffold(
 appBar: AppBar(
 title: Text('ListView Constraints'),
 ),
 body: ListView.builder(itemCount: _items.length,
 itemBuilder: (BuildContext context, int index) {
 return ListTile(
 title: Obx(
 () =&gt; Text('${_items[index]} item',
 style: TextStyle(
 color: tcx.selectedIndex.value == index ? Colors.green : Colors.red)
 )),
 onTap: () =&gt; tcx.toggle(index),
 );
 }),
 );
 }
}

class TileColorX extends GetxController {
 RxInt selectedIndex = 0.obs;

 void toggle(int index) =&gt; selectedIndex.value = index;
}
</code></pre>

blocks|key|3541511|text|只需在控制器中创建存储所选索引的列表即可。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3541512|++var+plantAntigensSelected+=+[].obs;

++toogle(int+index)+{
++++if+(plantAntigensSelected.contains(index))+{
++++++plantAntigensSelected.remove(index);
++++}+else+{
++++++plantAntigensSelected.add(index);
++++}
++}|code-block|syntax|javascript|3541513|你的ListView是这样的|3541514|+++++ListView.builder(
++++++++itemCount:+plantAntigens.length,
++++++++itemBuilder:+(BuildContext+cntxt,+int+index)+{
++++++++++return+ListTile(
++++++++++++++title:+Obx(
++++++++++++++++()+=>+Text(
++++++++++++++++++plantAntigens[index],
++++++++++++++++++style:+TextStyle(
++++++++++++++++++++++color:
++++++++++++++++++++++controller.plantAntigensSelected.contains(index)
++++++++++++++++++++++++++++++?+Colors.red
++++++++++++++++++++++++++++++:+Colors.black87),
++++++++++++++++),
++++++++++++++),
++++++++++++++onTap:+()+{
++++++++++++++++controller.toogle(index);
++++++++++++++});
++++++++},
++++++)|3541515|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

Just create a list in your controller that stores the selected index
<pre><code> var plantAntigensSelected = [].obs;

 toogle(int index) {
 if (plantAntigensSelected.contains(index)) {
 plantAntigensSelected.remove(index);
 } else {
 plantAntigensSelected.add(index);
 }
 }
</code></pre>
And your ListView like this
<pre><code> ListView.builder(
 itemCount: plantAntigens.length,
 itemBuilder: (BuildContext cntxt, int index) {
 return ListTile(
 title: Obx(
 () =&gt; Text(
 plantAntigens[index],
 style: TextStyle(
 color:
 controller.plantAntigensSelected.contains(index)
 ? Colors.red
 : Colors.black87),
 ),
 ),
 onTap: () {
 controller.toogle(index);
 });
 },
 )
</code></pre>

blocks|key|2757066|text|请尝试在setState中使用onTap，如下所示|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2757067|onTap:+()+{
++++++++++++setState(()+{
++++++++++++controller.toogle();
++++++++++++});
++});|code-block|syntax|javascript|2757068|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Please try to use setState in the onTap as shown below
<pre><code>onTap: () {
 setState(() {
 controller.toogle();
 });
 });
</code></pre>

blocks|key|3541532|text|您必须将.value添加到控制器中的isSelected中，如下所示：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|3541533|bool+isSelected+=+false.obs;

++toogle()+{
++++isSelected.value+=+!isSelected;
++}|code-block|syntax|javascript|3541534|entityMap^0|4|6|I|A|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]|$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|R|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|S|8|@]|D|@]|E|$]]]|L|$]]

You have to add <code>.value</code> to the <code>isSelected</code> in your controller like this:
<pre><code>bool isSelected = false.obs;

 toogle() {
 isSelected.value = !isSelected;
 }
</code></pre>

I want to change the color of a ListTile text on clicking on the tile how can I do that also the color should only be changed for a specific selected tile.
My approach is as following:
<pre><code>ListView.builder(
 itemCount: _antigen.plantAntigens.length,
 itemBuilder: (BuildContext cntxt, int index) {
 return ListTile(
 title: Text(
 _antigen.plantAntigens[index],
 style: TextStyle(
 color: controller.isSelected ? Colors.red : Colors.black87),
 ),
 onTap: () {
 controller.toogle();
 });
 },
 ),
</code></pre>
The code for controller is as following:
<pre><code>bool isSelected = false.obs;

 toogle() {
 isSelected = !isSelected;
 }
</code></pre>

Flutter: How to change text color using getX?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我想改变一个ListTile文本的颜色，点击瓷砖，我怎么能做到这一点，而且颜色应该只对一个特定的选定瓷砖。我的做法如下：ListView.builder(        itemCount: _antigen.plantAntigens.length,        itemBuilder: (BuildContext...

问颤振:如何使用getX改变文本颜色？
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问颤振:如何使用getX改变文本颜色？EN