Flutter：我只想在用戶到達ListView末尾時才向用戶顯示訊息

下面是我的代碼，但是SnackBar當我到達ListView. 它也顯示SnackBar在頁面上，但我只想展示一次如何做到這一點。

final snackBar = SnackBar(content: const Text('Yay! A SnackBar!'));

 Expanded(
                child: ListView.builder(
                  controller: _scrollController,
                  itemCount: docs.length,
                  itemBuilder: (context, index) {
                    final doc = docs[index];
                    print(doc);
                    //_checkController();
                    _scrollController.addListener(() {
                      if (_scrollController.position.pixels ==
                          _scrollController.position.maxScrollExtent) {
                        ScaffoldMessenger.of(context).showSnackBar(snackBar);
                      } else {
                        if (_scrollController.position.pixels !=
                            _scrollController.position.maxScrollExtent) {
                          return null;
                        }
                      }
                    });
                    return builddoc(doc);
                  },

uj5u.com熱心網友回復：

因為每次專案構建器呼叫時您都會分配新的偵聽器。

將此代碼放在ititState中，因此它只呼叫一次。

                  _scrollController.addListener(() {
                      if (_scrollController.position.pixels ==
                          _scrollController.position.maxScrollExtent) {
                        ScaffoldMessenger.of(context).showSnackBar(snackBar);
                      } else {
                        if (_scrollController.position.pixels !=
                            _scrollController.position.maxScrollExtent) {
                          return null;
                        }
                      }
                    });

uj5u.com熱心網友回復：

從 itembuilder 中洗掉監聽器，而不是在 initState() 中使用它，因為每次在 listview 上構建專案時，它都會呼叫這個監聽器，所以每次構建專案時它都會繼續。

uj5u.com熱心網友回復：

您可以使用Listeneron ScrollController，您的問題是您分配Listener給controllerin build 方法是錯誤的，您應該在initState. 這是您想要的完整示例：

class ScrollPageTest extends StatefulWidget {
  const ScrollPageTest({Key? key}) : super(key: key);

  @override
  State<ScrollPageTest> createState() => _ScrollPageTest();
}

class _ScrollPageTest extends State<ScrollPageTest> {
  ScrollController controller = ScrollController();

  @override
  void initState() {
    // TODO: implement initState
    super.initState();
    controller.addListener(() {
      if (controller.position.atEdge) {
        if (controller.position.pixels != 0) {
          final snackBar = SnackBar(content: const Text('Yay! A SnackBar!'));
          ScaffoldMessenger.of(context).showSnackBar(snackBar);
        }
      }
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: ListView.builder(
        controller: controller,
        itemBuilder: (context, index) {
          return Padding(
            padding: const EdgeInsets.symmetric(vertical: 16.0),
            child: Text('data = $index'),
          );
        },
        itemCount: 100,
      ),
    );
  }
}

uj5u.com熱心網友回復：

嘗試這個：

 bool isSnackBarShown = false;

 ...



    Expanded(
                child: ListView.builder(
                  controller: _scrollController,
                  itemCount: docs.length,
                  itemBuilder: (context, index) {
                    final doc = docs[index];
                    print(doc);
                    //_checkController();
                    _scrollController.addListener(() {
                      if ((_scrollController.position.pixels ==
                          _scrollController.position.maxScrollExtent)
                      && !isSnackBarShown) {
                      isSnackBarShown = true;
ScaffoldMessenger.of(context).showSnackBar(snackBar);
                          } else {
                            if (_scrollController.position.pixels !=
                                _scrollController.position.maxScrollExtent) {
                              return null;
                            }
                          }
                        });
                        return builddoc(doc);
                      },

標籤：扑镖颤振布局颤振列表视图

上一篇：加載程式卡住并且無法導航到下一頁-Flutter

下一篇：使用Transformer.scale縮放后如何獲取新小部件的寬度和高度