setState() 在 flutter 中導致無限循環

Question

所以我試圖創建一個循環，將字符串從我的 Bloc 添加到列表中，但是每當我成功地將字符串添加到列表中時，每次運行 setstate 時，程序都會重新運行循環並添加字符串到列表中，我認為為 for 循環添加 boolean 可以工作，但有更有效的方法嗎？ 我只希望循環運行一次，即使再次調用 build 方法。

代碼：

Container(
          height: MediaQuery.of(context).size.height / 1.2,
          width: MediaQuery.of(context).size.width,
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              ElevatedButton(
                  onPressed: () => setState(() {}),
                  child: Text("set state")),
              ElevatedButton(
                  onPressed: () {
                    BlocProvider.of<BlackjackkBloc>(context).add(
                        DrawCardEvent(deck_id: deckId!, draw_count: "1"));
                    setState(() {
                      dealerCards++;
                      dealerVal += 10;
                    });
                  },
                  child: Text("deal")),
              BlocBuilder<BlackjackkBloc, BlackjackkState>(
                  builder: (context, state) {
                if (state is BlackjackkDrawLoaded) {
                  for (int i = 0; i < state.bjdraw.cards.length; i++) {
                    print("going $i");
                    cards.add(state.bjdraw.cards[i].image);
                    print("repeat");
                  }
                  return Column(
                    children: List.from(cards.map((name) => Text(name))),
                  );
                  /*return Text("${cards}");*/
                }
                return Text("o");
              }),
              Text("cards length = ${cards.length}"),
              Container(
                height: 150,
                width: 100 * dealerCards.toDouble(),
                child: ListView.builder(
                  physics: BouncingScrollPhysics(),
                  /*separatorBuilder: (context, index) => SizedBox(
                    width: 0.1,
                  ),*/
                  itemCount: dealerCards,
                  scrollDirection: Axis.horizontal,
                  itemBuilder: (BuildContext context, int index) {
                    return Container(
                      width: 100,
                      height: 150,
                      child: CachedNetworkImage(
                        imageUrl:
                            "https://deckofcardsapi.com/static/img/AS.png",
                      ),
                    );
                  },
                ),
              ),
              SizedBox(height: 30),
              SizedBox(
                height: 40,
              ),
              Text(
                "Dealer",
                style: desctext,
              ),
              SizedBox(height: 10),
              Text(playerCards.toString()),
              Text(
                dealerVal.toString(),
                style: cardtext,
              ),
              BlocBuilder<BlackjackkBloc, BlackjackkState>(
                builder: (context, state) {
                  if (state is BlackjackkShuffleLoaded) {
                    deckId = state.bjshuffle.deckId;
                    return Text(state.bjshuffle.deckId);
                  }
                  if (state is BlackjackkLoad) {
                    return CircularProgressIndicator();
                  }
                  return Text("blum load");
                },
              )
            ],
          ),
        ),

Answer 1

嘗試在您的 blocBuilder 中添加一個 buildWhen 方法，該方法僅在當前 state 與以前的 state 不同時構建。

BuildWhen: (previous, current) { current.state != previous.state }

Answer 2

為什么在集團內使用 setState？

從 DrawCardEvent function 發出一個新的 state 並按照 state 更改您的 UI。

我猜你使用的是塊而不是肘。 如果您是該集團的新手，也許從肘開始。 Cubit 很簡單，在 99% 的業務案例中都足夠好。