如何在单击一次后禁用onTap功能。使用颤振

Question

class VoteCalonUmumPage extends StatelessWidget {

Const VoteCalonUmumPage（{Key？key，必需this.title}）：超级（key： key）；

最后的字符串标题；

小部件_buildListItem（BuildContext上下文，DocumentSnapshot文档）{返回ListTile（tileColor： Color（0xff99c2ec），标题：Row（子：[Expanded（子：文本（文档['name']，样式：TextStyle（颜色：Colors.black87，fontsize： 20，）），

      ),
      Container(
        decoration: const BoxDecoration(
          color: Color(0xffecc399),
        ),
        padding: const EdgeInsets.all(10.0),
        child: Text(
          document['votes'].toString(),
          style: Theme
              .of(context)
              .textTheme
              .headline4,
        ),
      ),
    ],
  ),
  onTap: () {
    FirebaseFirestore.instance.runTransaction((transaction) async {
      DocumentSnapshot freshSnap =
      await transaction.get(document.reference);
      await transaction.update(freshSnap.reference, {
        'votes': freshSnap['votes'] + 1,
      });
    });
  },
);

}

Answer 1

为了实际禁用onTap处理程序，您必须将null传递给onTap。我将在这个类中创建一个变量来跟踪onTap是否已经被按下，如果已经按下，则将null传递到onTap而不是您的回调函数。

onTap: onTapPressed ? null : () {
  setState(() {
    // call set state here so that the UI will be updated.
    onTapPressed = true;
  });
  FirebaseFirestore.instance.runTransaction((transaction) async {
    DocumentSnapshot freshSnap =
    await transaction.get(document.reference);
    await transaction.update(freshSnap.reference, {
      'votes': freshSnap['votes'] + 1,
    });
  });
},

然后在小部件中添加此成员。

bool onTapPressed = false;

另外listile还有一个名为enabled的可选参数，您可以将该参数设置为false，而不是将null传递给onTap。此方法将禁用列表互动程序上的所有处理程序，而不仅仅是onTap（例如，您可能还有一个onLongPress处理程序）。它还将更新样式以使用当前主题中的禁用的颜色。

disabled: !onTapPressed,
onTap: () {
  setState(() {
    // call set state here so that the UI will be updated.
    onTapPressed = true;
  });
  FirebaseFirestore.instance.runTransaction((transaction) async {
    DocumentSnapshot freshSnap =
    await transaction.get(document.reference);
    await transaction.update(freshSnap.reference, {
      'votes': freshSnap['votes'] + 1,
    });
  });
},

Answer 2

签出下面的代码一个简单的逻辑它可能会帮助你，

bool isLoading = false; //global variable

onTap: () {
if(!isLoading)
  {

    isLoading = true;
    try{
      FirebaseFirestore.instance.runTransaction((transaction) async {
        DocumentSnapshot freshSnap =  await transaction.get(document.reference);
        await transaction.update(freshSnap.reference, {'votes': freshSnap['votes'] + 1,});
        isLoading = false;
      });
    }catch((e){
      isLoading = false
    });
  }
},

Answer 3

你可以提出这样的条件：-

设置一个bool变量并将其设置为true，当用户点击按钮时，如果要永久禁用使用优先级，则将其设置为false

bool=true；

GestureDetector(
onTap:  (){
      if(isClicked){
        isClicked = true;
    enter code here
       }

   } 
  child: Container(),
)