如何放置指示器沒有影像抖動

如何像設計一樣放置影像。我是在 youtube 上學習的，但教程只在外面，我嘗試使用 Carousel_Pro 但它無法使用，因為它不是 nullSafety 。

Center(
                      child: CarouselSlider(
                    carouselController: _carouselController,
                    options: CarouselOptions(
                        initialPage: 0,
                        height: MediaQuery.of(context).size.height * 0.23,
                        viewportFraction: 1.0,
                        enlargeCenterPage: false,
                        onPageChanged: (index, reason) =>
                            setState(() => activeIndex = index)
                        // autoPlay: false,
                        ),
                    items: imageList
                        .map((item) => Container(
                              child: ClipRRect(
                                  borderRadius: BorderRadius.circular(10.0),
                                  child: SizedBox(
                                      height:
                                          MediaQuery.of(context).size.height *
                                              1,
                                      width:
                                          MediaQuery.of(context).size.width * 1,
                                      child: Image.network(
                                        item,
                                        fit: BoxFit.cover,
                                        height:
                                            MediaQuery.of(context).size.height *
                                                1,
                                      ))),
                            ))
                        .toList(),
                  )),
                  buildIndicator(),

uj5u.com熱心網友回復：

使用Stack小部件：https : //api.flutter.dev/flutter/widgets/Stack-class.html

它將幫助您將一個小部件堆疊在另一個上，而不是一個在另一個下面

uj5u.com熱心網友回復：

Center(
                      child: CarouselSlider(
                    carouselController: _carouselController,
                    options: CarouselOptions(
                        initialPage: 0,
                        height: MediaQuery.of(context).size.height * 0.23,
                        viewportFraction: 1.0,
                        enlargeCenterPage: false,
                        onPageChanged: (index, reason) =>
                            setState(() => activeIndex = index)
                        // autoPlay: false,
                        ),
                    items: imageList
                        .map((item) => Container(
                              child: ClipRRect(
                                  borderRadius: BorderRadius.circular(10.0),
                                  child: SizedBox(
                                      height:
                                          MediaQuery.of(context).size.height *
                                              1,
                                      width:
                                          MediaQuery.of(context).size.width * 1,
                                      child: Image.network(
                                        item,
                                        fit: BoxFit.cover,
                                        height:
                                            MediaQuery.of(context).size.height *
                                                1,
                                      ))),
                            ))
                        .toList(),
                  )),
                imageList.lenght> 0?  buildIndicator() : SizedBox(),

標籤：扑 镖 旋转木马

上一篇：按鈕主題適用于RaisedButton（已棄用）但不適用于ElevatedButton

下一篇：Flutter中阻止螢屏加載的功能錯誤