Flutter-放入setState后代碼無法正常作業

我試圖在用戶單擊后添加到陣列串列。我正在使用 InkWell，onTap 功能。

child: InkWell(
                  onTap: () {
                    if (tempArray.contains(entries[index].toString())) {
                      tempArray.remove(entries[index].toString());
                      print(tempArray.toList().toString());
                    } else {
                      tempArray.add(entries[index].toString());
                      print(tempArray.toList().toString());
                    }

我的除錯控制臺正在列印這些，

在此處輸入影像描述

但是，當我將代碼放入 setState 時，這就是列印出來的內容

                  child: InkWell(
                  onTap: () {
                    setState(() {
                      if (tempArray.contains(entries[index].toString())) {
                        tempArray.remove(entries[index].toString());
                        print(tempArray.toList().toString());
                      } else {
                        tempArray.add(entries[index].toString());
                        print(tempArray.toList().toString());
                      }
                    });

在此處輸入影像描述

我想要做的是根據用戶選擇特定專案的任何內容來顯示/隱藏 ListTile 中的“尾隨”圖示。

我的完整代碼（沒有 setState）如下，

import 'package:flutter/material.dart';
class Personal1Redo extends StatefulWidget {
@override
_Personal1RedoState createState() => _Personal1RedoState();
}
class _Personal1RedoState extends State<Personal1Redo> {
@override
Widget build(BuildContext context) {
final mediaQuery = MediaQuery.of(context);

List<String> entries = [
  'Residental Loan',
  'Personal Loan',
  'Car Loan',
  'Renovation Loan',
  'Savings Account',
];

List<String> tempArray = [];

final heading = Column(
  children: [
    const SizedBox(
      height: 40,
    ),
    SizedBox(
      height: (mediaQuery.size.height - mediaQuery.padding.top) * 0.1,
      child: const Align(
        alignment: Alignment.center,
        child: Text(
          'What do you aspire to do?',
          textAlign: TextAlign.center,
          style: TextStyle(
            fontWeight: FontWeight.bold,
            fontSize: 20,
          ),
        ),
      ),
    ),
    const SizedBox(
      height: 20,
    ),
  ],
);

return Scaffold(
  appBar: AppBar(
    title: Text('Borrower redo'),
  ),
  body: SingleChildScrollView(
    child: Column(
      children: <Widget>[
        heading,
        ListView.builder(
            shrinkWrap: true,
            itemCount: entries.length,
            itemBuilder: (ctx, index) {
              return Container(
                width: mediaQuery.size.width * 0.9,
                padding: const EdgeInsets.all(15),
                child: InkWell(
                  onTap: () {
                    if (tempArray.contains(entries[index].toString())) {
                      tempArray.remove(entries[index].toString());
                      print(tempArray.toList().toString());
                    } else {
                      tempArray.add(entries[index].toString());
                      print(tempArray.toList().toString());
                    }
                  },
                  child: Card(
                    margin: const EdgeInsets.all(10),
                    elevation: 8,
                    child: ListTile(
                      title: Text(
                        entries[index],
                        style: TextStyle(
                          color: Colors.grey.shade800,
                          fontSize: 20,
                        ),
                        textAlign: TextAlign.center,
                      ),
                      trailing: tempArray.contains(entries[index])
                          ? Icon(Icons.check_box_outline_blank_outlined)
                          : null,
                    ),
                  ),
                ),
              );
            })
      ],
    ),
  ),
);
}
}

非常感謝任何幫助和指導，謝謝！

uj5u.com熱心網友回復：

在方法之外定義變數和函式build。作為setState方法，呼叫build，每個它都被呼叫。像這樣 ：

import 'package:flutter/material.dart';
class Personal1Redo extends StatefulWidget {
  @override
  _Personal1RedoState createState() => _Personal1RedoState();
}

class _Personal1RedoState extends State<Personal1Redo> {
  List<String> entries = [
    'Residental Loan',
    'Personal Loan',
    'Car Loan',
    'Renovation Loan',
    'Savings Account',
  ];

  List<String> tempArray = [];

  getHeadingWidget(BuildContext context) {
    return Column(
      children: [
        const SizedBox(
          height: 40,
        ),
        SizedBox(
          height: (mediaQuery!.size.height - mediaQuery.padding.top) * 0.1,
          child: const Align(
            alignment: Alignment.center,
            child: Text(
              'What do you aspire to do?',
              textAlign: TextAlign.center,
              style: TextStyle(
                fontWeight: FontWeight.bold,
                fontSize: 20,
              ),
            ),
          ),
        ),
        const SizedBox(
          height: 20,
        ),
      ],
    );
  }

  

  @override
  Widget build(BuildContext context) {
   final mediaQuery = MediaQuery.of(context);

    return Scaffold(
      appBar: AppBar(
        title: Text('Borrower redo'),
      ),
      body: SingleChildScrollView(
        child: Column(
          children: <Widget>[
            getHeadingWidget(context),
            ListView.builder(
                shrinkWrap: true,
                itemCount: entries.length,
                itemBuilder: (ctx, index) {
                  return Container(
                    width: mediaQuery.size.width * 0.9,
                    padding: const EdgeInsets.all(15),
                    child: InkWell(
                      onTap: () {
                        if (tempArray.contains(entries[index].toString())) {
                          tempArray.remove(entries[index].toString());
                          print(tempArray.toList().toString());
                        } else {
                          tempArray.add(entries[index].toString());
                          print(tempArray.toList().toString());
                        }
                      },
                      child: Card(
                        margin: const EdgeInsets.all(10),
                        elevation: 8,
                        child: ListTile(
                          title: Text(
                            entries[index],
                            style: TextStyle(
                              color: Colors.grey.shade800,
                              fontSize: 20,
                            ),
                            textAlign: TextAlign.center,
                          ),
                          trailing: tempArray.contains(entries[index])
                              ? Icon(Icons.check_box_outline_blank_outlined)
                              : null,
                        ),
                      ),
                    ),
                  );
                })
          ],
        ),
      ),
    );
  }
}

標籤：扑 镖 设置状态 列表瓦片

上一篇：僅當收到最后一個事件后n秒后才在偵聽器中觸發某些內容

下一篇：使用CubitBloc從另一個小部件更新小部件