当前位置: 首页 > 知识库问答 >
问题:

卷动小部件内的Flutter卷动小部件

萧宣
2023-03-14
ListView.builder(
        shrinkWrap: true,
        itemCount: 1,
        itemBuilder: (BuildContext context, int index) {
          return new Column(
            children: <Widget>[
              new RopSayac(MediaQuery.of(context).size.width),
              stackvideos(),
            ],
          );
        },
      )
  new CustomScrollView(
        slivers: <Widget>[
          SliverFixedExtentList(
            itemExtent: 50.0,
            delegate: SliverChildBuilderDelegate(
              (BuildContext context, int index) {
                return new VideoTile();
              },
            ),
          ),
        ],
      ),
        import 'package:flutter/material.dart';
    import '../Theme.dart' as Theme;
    import '../Components/ropSayac.dart';
    import '../Components/Stackvideostile.dart';

    class Ropo extends StatelessWidget {
      Widget didvideomounted(bool asd) {
        if (asd == true) {
          return new Text("video");
        } else
          return new Container(
            width: 226.0,
            height: 226.0,
            decoration: new BoxDecoration(
                shape: BoxShape.circle,
                border: new Border.all(
                    width: 5.0, color: Theme.Colors.roportajheroborder)),
          );
      }

      Widget stackvideos() {
        return new Container(
          decoration: new BoxDecoration(
            color: Theme.Colors.tabbarbackground,
            borderRadius: BorderRadius.all(Radius.circular(8.0)),
          ),
          margin: EdgeInsets.only(top: 40.0, bottom: 10.0),
          width: 358.0,
          height: 343.0,
          child: Column(
            children: <Widget>[
              Container(
                // Üstteki bar
                width: 358.0,
                height: 46.0,
                decoration: new BoxDecoration(
                  color: Theme.Colors.stackvideostopbar,
                  borderRadius: BorderRadius.all(Radius.circular(8.0)),
                  boxShadow: <BoxShadow>[
                    new BoxShadow(
                      color: Colors.black12,
                      blurRadius: 3.0,
                      offset: new Offset(0.0, 7.0),
                    ),
                  ],
                ),

                child: Center(
                  child: new Text(
                    "BENCE Bİ’ ÖNCEKİLERE DE GÖZ AT",
                    style: Theme.TextStyles.stackvideotitle,
                  ),
                ),
              ), //üstteki bar bitti
              new CustomScrollView(
                slivers: <Widget>[
                  SliverFixedExtentList(
                    itemExtent: 50.0,
                    delegate: SliverChildBuilderDelegate(
                      (BuildContext context, int index) {
                        return new VideoTile();
                      },
                    ),
                  ),
                ],
              ),
            ],
          ),
        );
      }
      List<String> lists = ["asdas","adadsa"];


      @override
      Widget build(BuildContext context) {
        return Container(
          color: Theme.Colors.pagebackground,
          child: new Stack(
            children: <Widget>[
              new Container(
                margin: EdgeInsets.only(left: 30.0, top: 37.0),
                child: Image.asset(
                  "assets/k.png",
                  fit: BoxFit.cover,
                ),
              ),
              ListView.builder(
                shrinkWrap: true,
                itemCount: 1,
                itemBuilder: (BuildContext context, int index) {
                  return new Column(
                    children: <Widget>[
                      new RopSayac(MediaQuery.of(context).size.width),
                      stackvideos(),
                    ],
                  );
                },
              )

              //new Image.asset("name"),
            ],
          ),
        );
      }
    }

共有1个答案

杜绍元
2023-03-14

您可以利用CustomScrollView小部件并更改布局:

更改以下内容:

       ListView.builder(
          shrinkWrap: true,
          itemCount: 1,
          itemBuilder: (BuildContext context, int index) {
            return new Column(
              children: <Widget>[
                new RopSayac(MediaQuery.of(context).size.width),
                stackvideos(),
              ],
            );
          },
        )


  new CustomScrollView(
    slivers: <Widget>[
      SliverFixedExtentList(
        itemExtent: 50.0,
        delegate: SliverChildBuilderDelegate(
          (BuildContext context, int index) {
            return new VideoTile();
          },
        ),
      ),
    ],
  ),

对此:

   CustomScrollView(
        slivers: <Widget>[
          SliverToBoxAdapter(
            child: RopSayac(MediaQuery.of(context).size.width),
          ),
          SliverFixedExtentList(
            itemExtent: 50.0,
            delegate: SliverChildBuilderDelegate(
              (BuildContext context, int index) {
                return new VideoTile();
              },
            ),
          ),
        ],
      )     
 类似资料:
  • 我试图在FutureBuilder小部件中创建动态ListView.builder,但无法获得来自异步快照的列表长度。我已经尝试了< code > item count:snapshot . data . length ,但它不起作用。这是我的代码 数据来自课堂语录: 并引用用于构建未来的存储类: 如果我不提供动态的项目计数(从URL获取),应用程序正在崩溃。有什么想法吗?

  • 问题内容: 首次将小部件添加到主屏幕时,显示:。它还在Toast中显示系统音量。 假设我增加/减少了系统音量,当我点击“刷新”时,该功能将触发以显示更新的Toast,并将文本更新为新的数据和时间,但这没有发生。 从本质上讲,如何修改代码,以便可以实现刷新。 问题答案: 试试这个:

  • 问题内容: 现在,小部件仅具有initeState() 和dispose(),该initeState()在第一次创建小部件时被触发,而dispose()在小部件 被破坏时被触发。有没有一种方法可以检测小部件何时回到 前台?当一个小部件由于另一个 小部件刚刚被前景显示而将要进入后台时?这等效 于Android触发onResume和onPause ,以及ios触发viewWillAppear和view

  • 我已经开始在定义数据库的地方使用docker和docker组合。因为我没有在配置中定义卷(我的错误),所以数据库已经在容器中创建,现在下次运行docker-拉的时候,我将重新创建这个数据库,导致我的数据丢失。在不丢失数据的情况下将数据移出容器的最佳方法是什么? Dockerfile

  • 小部件是在视图中使用的可重用单元, 使用面向对象方式创建复杂和可配置用户界面单元。 例如,日期选择器小部件可生成一个精致的允许用户选择日期的日期选择器, 你只需要在视图中插入如下代码: <?php use yii\jui\DatePicker; ?> <?= DatePicker::widget(['name' => 'date']) ?> Yii提供许多优秀的小部件,比如 active for

  • 我正在尝试从Flutter中的父部件传递堆栈的高度,但我无法做到。请帮助我找到解决方案,我将把我的代码作为参考。 父小工具 子部件 如何将堆栈的高度传递给SVGPicture。