簡體   English   中英

從瀏覽頁面中刪除填充

[英]remove padding from pageview pages

我有一個已將 viewportFraction 設置為 0.8 的綜合瀏覽量,但它在綜合瀏覽量頁面之間的邊距太大(附上屏幕截圖),我想讓它們更小

我還希望第一頁從左邊緣有更少的縮進,我試圖通過頁面購物屬性將其刪除,但結果並非如此

代碼

controller = PageController(
      initialPage: currentIndex!,
      viewportFraction: 0.8,
    );

Expanded(
            child: PageView.builder(
              onPageChanged: (index) {
                setState(() {
                  currentIndex = index;
                });
              },
              controller: controller,
              physics: const ClampingScrollPhysics(),
              itemCount: 4,
              itemBuilder: (context, index) {
                var scale = currentIndex == index ? 1.0 : 0.8;
                return SizedBox(
                  width: MediaQuery.of(context).size.width * 0.861,
                  child: TweenAnimationBuilder(
                    tween: Tween(begin: scale, end: scale),
                    duration: const Duration(milliseconds: 350),
                    child: const PatientCard(),
                    builder: (context, double value, child) {
                      return Transform.scale(
                        scale: value,
                        child: child,
                      );
                    },
                  ),
                );
              },
            ),
          ),

在此處輸入圖像描述

padEnds 是 pageview 中的一個屬性,將其設置為 false 以刪除列表兩端的填充。

暫無
暫無

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

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