簡體   English   中英

Flutter - 如何溢出水平列表視圖?

[英]Flutter - How to overflow horizontal listview?

飛鏢墊

我正在使用 Flutter Web 構建網站。 我有一個顯示項目的水平ListView 我有一個將maxWidth設置為 1200 的ConstrainedBox 。這會在兩側切割ListView

當我添加OverflowBox時, ListView從頁面的開頭開始。 如何正確溢出ListView從它應該在的位置開始並且其余項目不會剪切,以便用戶可以滾動並查看ConstrainedBox之外的項目?

在此處輸入圖像描述

有溢出: 在此處輸入圖像描述

感謝來自 Flutter discord 服務器的ping (pixeltoast) ,它在這里得到了回答。

   return SizedBox(
      height: 663,
      child: LayoutBuilder(
        builder: (context, constraints) {
          return ScrollConfiguration(
            behavior: _MyCustomScrollBehavior(),
            child: ListView.separated(
              padding: EdgeInsets.symmetric(horizontal: max(0.0, (constraints.maxWidth - 800) / 3)),
              controller: _controller,
              scrollDirection: Axis.horizontal,
              itemCount: items.length,
              separatorBuilder: (_, __) => const SizedBox(width: 16),
              itemBuilder: (_, i) => items[i],
            ),
          );
        }
      ),
    );

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM