标签: customscrollview

\n我在尝试测试我的 Flutter 应用程序时遇到错误。我有一个自定义小部件，位于CustomScrollView小部件的底部（第一个视口之外）。在我的测试中，我想验证它是否确实存在。
\n我已经尝试过使用WidgetTester.scrollUntilVisibleas WidgetTester.drag（就像在flutter框架的测试中所做的那样）。此外，我尝试重构我的测试，但这FlutterDriver完全搞乱了其他一切。
\n如何滚动到CustomScrollView测试内部的底部？
\n这个最小的复制显示了包含 的应用程序，该应用CustomScrollView程序具有一个屏幕高度的容器小部件（以便我要查找的小部件不在初始视图中）

void main() {\n  runApp(MyApp());\n}\n\nclass MyApp extends StatelessWidget {\n  @override\n  Widget build(BuildContext context) {\n    return MaterialApp(\n      home: Scaffold(\n          body: CustomScrollView(\n        slivers: [\n          SliverToBoxAdapter(\n            child: Container(\n              height: MediaQuery.of(context).size.height,\n            ),\n          ),\n          MyWidget(),\n        ],\n      )),\n    );\n  }\n}\n\nclass MyWidget extends StatelessWidget {\n  @override\n  Widget build(BuildContext context) {\n    return SliverToBoxAdapter(\n      child: Container(\n        height: 100,\n        width: 100,\n      ),\n    );\n  }\n}\n\n

这是我最初编写的用于查找小部件的测试，当然失败了。

void main() {\n  testWidgets('main …

我使用 NestedScrollView 和 SliverAppBar 在滚动时隐藏应用程序栏。在 NestedScrollView 的主体中，我有带有 PageStorageKey 的 CustomScrollView，但是当我切换回“事件”选项卡时，滚动位置会丢失。我不明白。请你帮助我好吗？

home_screen.dart

import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:liveitup/app/screens/HomeScreen/drawer_icon.dart';
import 'package:liveitup/app/screens/HomeScreen/drawer_page.dart';
import 'package:liveitup/app/screens/HomeScreen/tabs/bottom_navigation.dart';
import 'package:liveitup/app/screens/HomeScreen/tabs/tab_item.dart';
import 'package:liveitup/app/screens/HomeScreen/tabs/tab_navigators/event_tab_navigator.dart';
import 'package:liveitup/app/screens/HomeScreen/tabs/tab_navigators/message_tab_navigator.dart';
import 'package:liveitup/app/screens/HomeScreen/tabs/tab_navigators/notification_tab_navigator.dart';
import 'package:liveitup/blocs/UserBloc/bloc.dart';

import '../../../constants.dart';

class HomeScreen extends StatefulWidget {
  const HomeScreen({Key? key}) : super(key: key);

  @override
  _HomeScreenState createState() => _HomeScreenState();
}

class _HomeScreenState extends State<HomeScreen> {

  var _currentTab = TabItem.events;

  void _selectTab(TabItem tabItem) {
      setState(() => _currentTab = tabItem);
  }

  @override
  Widget build(BuildContext context) {
    var scaffoldKey = GlobalKey<ScaffoldState>();
    UserBloc _userBloc …

这似乎很自然，甚至可能是预料之中的，但我仍然没有找到任何可能有帮助的东西。我在另一个可滚动小部件（父级）中有一个 ScrollablePositionedList （几乎与 ListView 相同）（我尝试过 CustomScrollView 和 ListView，甚至 NestedScrollView），我想让它看起来这样，当我滚动到子项的顶部时可滚动并仍然滑动我实际上在父可滚动中滚动。非常欢迎任何帮助，谢谢！

我是颤振新手，想知道是否有人可以帮助我进行滚动机制。SliverAppBar我是第一次尝试，它可以正确地配合杠铃本身的运动。但是，我有一个ListView.builder构建的小部件，我将其放置在 sliverfillremaining 中，但它没有检测到列表的移动。任何帮助将不胜感激。

    return Scaffold(
      body: CustomScrollView(
        slivers: <Widget>[
          SliverAppBar(
            title: Row(
          children: <Widget>[
            Text('appName')],),
            expandedHeight: 110,
            floating: true,
            pinned: true,
            flexibleSpace: FlexibleSpaceBar(
              background: Container(
                child: Padding(
                  padding: const EdgeInsets.all(20.0),
                  child: Column(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    mainAxisAlignment: MainAxisAlignment.end,
                    children: <Widget>[
                      Text('my text 1', style: TextStyle(
                        fontFamily: 'OpenSans',
                      ),
                      softWrap: true,),
                      Text('my Text', style: TextStyle(
                        fontFamily: 'OpenSans',
                         ),),],),),),),),

          SliverFillRemaining(
            hasScrollBody: true,
            child: Container(
              child: NoteList(
                  items: items,
                ),
            ),
          )
        ],
      ),

笔记列表

class NoteList extends StatelessWidget {

  const …

我正在尝试制作一个在移动设备和桌面设备上运行良好的响应式页面。我在 NestedScrollView 中使用 SliverAppBar。问题是 NestedScrollView 中完全忽略了对容器的 maxwidth 约束。此行为也与 CustomScrollView 相同。

如何限制 NestedScrollView 主体小部件中容器的大小。

下面是代码：

import "dart:math";
import "package:flutter/material.dart";

class ResponsiveSliver extends StatefulWidget {
  static const routeName = 'responsive-sliver';

  @override
  _ResponsiveSliverState createState() => _ResponsiveSliverState();
}

class _ResponsiveSliverState extends State<ResponsiveSliver> with SingleTickerProviderStateMixin {
  
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: NestedScrollView(
        floatHeaderSlivers: true,
        headerSliverBuilder: (BuildContext context, bool innerBoxIsScrolled) {
          return <Widget>[
            SliverAppBar(
              title: Text(
                "Responsive Sliver",
              ),
              centerTitle: true,
              pinned: true,
              floating: true,
            ),
          ];
        },
        body: ConstrainedBox(
          constraints: BoxConstraints(maxWidth: 200), …

我正在尝试显示 slivergridview 视图，如果它始终为全宽，尤其是在大屏幕上，它看起来就不太好

但 CustomScrollView 只接受 sliver 小部件，这使得容器和sizedbox 无法使用。您对此的解决方法是什么？

我希望在滚动屏幕时将小部件放置在应用程序下方。屏幕包含一个具有灵活空间的浮动应用程序栏（sliverappbar），其下方是一个具有任何容器或选项卡视图的容器。链接中的视频是我想要的效果的示例。