【问题标题】:Flutter CustomScrollView did not scroll full lengthFlutter CustomScrollView 没有滚动全长
【发布时间】:2019-10-14 02:14:57
【问题描述】:

我已经使用适用于 iOS 应用程序的 cupertinoApp 小部件在单页上实现了多个列表,但不知何故我的列表没有完全滚动 谁能帮忙滚动列表?

我已经附上了我用过的代码

  buildHomeDetailsPage(BuildContext context) {
return Container(
    child: CustomScrollView(
      shrinkWrap: true,
      slivers: <Widget>[
        SliverList(
            delegate: SliverChildListDelegate(
              [
                (sImageList.length > 0)
                    ? buildTopSliderImages(sImageList)
                    : new Container(),
                (featureProductDataList.length > 0)
                    ? buildLatestProductTitle()
                    : new Container(),
                (featureProductDataList.length > 0)
                    ? buildLatestProduct()
                    : new Container(),
                (bannerDataList.length > 0)
                    ? buildCurrentOfferTitle('Current Offer')
                    : new Container(),
                (bannerDataList.length > 0)
                    ? buildBannerOffer(bannerDataList)
                    : new Container(),
                (hotdealDataList.length > 0)
                    ? buildCurrentOfferTitle('Hot Deals')
                    : new Container(),
                (hotdealDataList.length > 0)
                    ? buildHotDealProduct()
                    : new Container(),
                SizedBox(height: 12.0),
                (bannerOfferList.length > 0)
                    ? buildCurrentOfferTitle('Best Offers')
                    : new Container(),
                (bannerOfferList.length > 0)
                    ? buildOfferBannerProduct()
                    : new Container()
              ],
            ))
      ],
    ));

}

我在这里用过这个方法

     @override
  Widget build(BuildContext context) {
    this.context = context;

    return CupertinoPageScaffold(
      child: buildHomeDetailsPage(context),
    );
  }

为了更好地了解我的问题,我已经拍摄了视频。 视频参考链接: https://drive.google.com/file/d/1m6fK4PKVFAp81k5-QFIDtLQzwTBibwuk/view?usp=sharing

【问题讨论】:

  • SliverList 有自己的滚动功能。所以在没有 CustomScrollView 的情况下再试一次。或者你可以只使用 CustomScrollView。
  • 能否把代码贴在 buildTopSliderImages() 之类的方法中?

标签: flutter flutter-layout


【解决方案1】:

在你的情况下试试这个。

return Container(
          child : SingleChildScrollView(
             child Column(
               children : <widget>
          [
            (sImageList.length > 0)
                ? buildTopSliderImages(sImageList)
                : new Container(),
            (featureProductDataList.length > 0)
                ? buildLatestProductTitle()
                : new Container(),
            (featureProductDataList.length > 0)
                ? buildLatestProduct()
                : new Container(),
            (bannerDataList.length > 0)
                ? buildCurrentOfferTitle('Current Offer')
                : new Container(),
            (bannerDataList.length > 0)
                ? buildBannerOffer(bannerDataList)
                : new Container(),
            (hotdealDataList.length > 0)
                ? buildCurrentOfferTitle('Hot Deals')
                : new Container(),
            (hotdealDataList.length > 0)
                ? buildHotDealProduct()
                : new Container(),
            SizedBox(height: 12.0),
            (bannerOfferList.length > 0)
                ? buildCurrentOfferTitle('Best Offers')
                : new Container(),
            (bannerOfferList.length > 0)
                ? buildOfferBannerProduct()
                : new Container()
          ]
             )
          )
)

【讨论】:

【解决方案2】:

现在我得到了作为我的问题的答案。

基本上,在父级中,我使用了以下代码

 Positioned(
              top: 90.0,
              left: 0.0,
              right: 0.0,
              child: _getDrawerItemWidget(_selectedDrawerIndex))

所以这就是可滚动不起作用的原因。所以我已经替换了下面的代码,然后滚动工作正常,就像我预期的一样。不知道是什么原因只阻止库比蒂诺的滚动,但下面的代码帮助我解决了库比蒂诺的问题。

 Padding(
                  padding: const EdgeInsets.fromLTRB(0.0, 80.0, 0.0, 0.0),
                  child: _getDrawerItemWidget(_selectedDrawerIndex)),

【讨论】:

    猜你喜欢
    • 2023-04-05
    • 2022-12-28
    • 2021-11-07
    • 2021-08-24
    • 2021-11-15
    • 2019-02-07
    • 2018-06-30
    • 2021-11-13
    • 2019-11-20
    相关资源
    最近更新 更多