在带有Flutter的CustomScrollView中使用页面的PageView
，可以实现一个可滚动的页面视图，其中每个页面可以包含不同的内容和交互。CustomScrollView是Flutter中的一个强大的滚动容器，可以自定义滚动效果和子组件的布局。
在CustomScrollView中使用PageView的步骤如下：
- 导入相关依赖：
- 导入相关依赖：
- 创建一个CustomScrollView，并设置slivers属性为一个SliverList：
- 创建一个CustomScrollView，并设置slivers属性为一个SliverList：
- 可以根据需要自定义PageView的属性，例如设置滑动方向、页面切换动画等。
使用CustomScrollView和PageView的优势：
- 可以实现复杂的滚动效果，例如同时滚动多个子组件、自定义滚动效果等。
- PageView提供了方便的页面切换和滑动功能，适用于需要展示多个页面的场景。
- CustomScrollView和PageView都是Flutter中强大的滚动容器，可以与其他滚动组件无缝集成。
在云计算领域，使用Flutter的CustomScrollView和PageView可以实现各种类型的移动应用程序，例如新闻阅读、图片浏览、产品展示等。腾讯云提供了丰富的云计算产品，可以用于支持Flutter应用程序的开发和部署。
以下是腾讯云相关产品和产品介绍链接地址：
请注意，以上链接仅供参考，具体的产品选择应根据实际需求和项目要求进行评估和决策。
相关·内容
嵌套滚动？
我在PageView中有三个垂直页面，我希望能够在它们之间进行翻转。页面由可滚动的ListView组成。
当页面处于焦点时，显示的列表应该是垂直滚动的，但当列表滚动到任意一端时，我希望pageView滚动接管滚动行为，并处理页面翻到下一页(就像具有可滚动元素的网页)。
下面是滚动列表的例子。如果禁用了列表滚动，则可以进行翻页。我怎么才能让这两个都工作呢？
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessW
浏览 2提问于2018-09-29得票数 6
1回答
在下面的代码中，我对此有问题，我正在尝试为Sliver子代的每个子代设置自定义高度，我只是了解了Flutter上的这个小工具，我想修复它，例如： CustomScrollView(
slivers: <Widget>[
SliverFixedExtentList(
itemExtent: MediaQuery.of(context).size.height,
delegate: SliverChildListDelegate([
ConstrainedBox(
constraints: BoxConstrai
浏览 19提问于2019-06-20得票数 1
回答已采纳
1回答
我如何隐藏一个Container和AppBar与动画滚动底部容器向上滚动，并显示当滚动下来。我还在中间使用一个TabBar，当底部向上滚动时，它应该放在屏幕的顶部。
这里有一张图片：
，这是我的代码：
import 'dart:convert';
import 'package:flutter/rendering.dart';
import 'package:http/http.dart' as http;
import 'dart:developer' as developer;
import 'package:u
浏览 1提问于2021-04-15得票数 1
我有一个水平PageView，每个页面上都有一些嵌套的垂直LIstView。
问题是我无法滚动那些嵌套的列表视图，因为我只是注册PageView手势。
注意:当我在customSCrollView中使用没有限制的SliverChildBuilderDelegate时，滚动卷实际上是活动的，但是其他的都没有。
这就是代码的样子。
class ProductDetail extends StatefulWidget {
@override
State<StatefulWidget> createState() => ProductDetailState();
}
浏览 2提问于2021-03-30得票数 2
回答已采纳
我有一个带modal_bottom_sheet的this exact issue (没有ListView)。我在我的应用程序中的每个页面上都使用了这个确切的模板，没有任何问题。当不是在modal_bottom_sheet上时，这个东西可以工作。然后我在modal_bottom_sheet上使用它，我的内容就会被裁剪。每次打开modal_bottom_sheet时，我的内容被裁剪的高度都会有所不同，而且很多时候根本不会被裁剪。我已经在Dart Devtools中检查了我的小部件，但我没有看到任何小部件占用这个空间。 import 'package:flutter/material.da
浏览 23提问于2021-09-04得票数 0
我有一个scrolableView，ExpansionTiles的数量为x，我需要将‘测试’按钮放在页面的底部，除非有很多块适合屏幕，或者如果它们在页面中展开，否则就可以将按钮从屏幕上按下。
import 'package:flutter/material.dart';
class MyHomePage extends StatelessWidget {
MyHomePage({Key? key}) : super(key: key);
List datas = [1, 2, 3, 4, 5, 6];
@override
Widget build(Buil
浏览 6提问于2022-07-03得票数 1
回答已采纳
我需要一个垂直PageView的滑动效果和SliverAppBar的效果。
如果设置PageView.builder的scrollDirection: Axis.vertical并将其垂直滑动，则当我向后滑动时，无法获得SliverAppBar。
设置scrollDirection: Axis.horizontal SliverAppBar工作，但正如前面提到的，我需要垂直设置。
我还没有找到任何好的方法来解决这个问题，你能帮我理解吗？我的最后一个目标是拥有第一个带有按钮的“屏幕”(这就是为什么我要使用SliverAppBar)，接下来的屏幕将是一个全屏幕图片库。如果你有一个更好的解决方案，不
浏览 0提问于2021-05-01得票数 0
SingleChildScrollView(
child: Column(
children: [
Container(
height: 200.0,
width: double.infinity,
color: myBlue.withOpacity(.6),
child: TopCarouselSlider(bgColor: null),
),
//
浏览 16提问于2021-02-01得票数 0
回答已采纳
在我的应用中，我使用的是CustomScrollView，当滚动位置接近滚动视图的末尾(目前是position.pixels - 100.0)时，它应该会加载更多的数据。这个机制运行良好，数据在我滚动时加载，但取决于连接速度(更准确地说，取决于api响应速度)和初始的“向下平移”手势速度，这个bug就会出现。不知道如何正确地解释它，但是当应用程序启动并完成加载下一部分数据时，滚动的速度很快，滚动视图的一种方式是反向滚动。它看起来像是滚动视图“发射”或拒绝。以下是带有问题表示的gif：
我已经创建了对gif上发生的事情的模拟：
import 'dart:async';
浏览 0提问于2019-04-02得票数 4
我有一个要实现的功能，我需要配置每个小部件的自定义列表视图，其中包含一个TextField和一个按钮。子小部件包含每个小部件的列表视图，其中包含一个输入新课程的TextField。
以下是功能。
第一步是进入课程的静态字段。
进入课程后，单击课程字段中的add按钮将添加任何主题的动态小部件(父列表视图)的ListView。
加载主题小部件后，单击右边的add按钮需要将另一个动态小部件的子列表视图附加到子主题的父级列表视图(子列表视图)。
因此，在上面的图片中，2，4是父列表视图，3，5需要是子列表视图。
以下是我的密码。
import 'package
浏览 2提问于2020-09-05得票数 0
回答已采纳
两天前，我在flutter中学习了sliver widget的用法，我正在使用它来提高我的技能。我正在构建一种想象中的项目，我在那里遇到了一个问题。 让我们想一想，在我身体的容器中，x控件下面有15个容器，它们允许他们滚动vertically.Now，我的目标是，当我滚动时，我希望当容器编号5到达顶部时，容器编号5会像appbar或sliver appbar一样卡在那里，其他人会在它下面滚动。 在这里，我使用CustomScrollView小工具下的sliver和SliverFixedExtentList来给出我的目标的想法，如果有任何其他没有sliver的选择，请随时与我分享。提前感谢:)
浏览 17提问于2020-12-31得票数 0
回答已采纳
在下面的代码中，我想创建一个简单的Instagram配置文件页面，我的问题是在side Sliver中添加标签和TabBarView，我得到了一些错误
import 'package:flutter/material.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter
浏览 0提问于2020-12-17得票数 0
我正在将我的本地android项目转换为flutter应用程序，在此我需要在其他小部件下面显示选项网格。
以下是代码
void main() {
runApp(new MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
Column homeThumb(String icon, String label) {
Color color = Theme.of(context).primaryColor;
ret
浏览 0提问于2018-06-29得票数 1
2回答
我正在尝试创建一个网格视图页面，卡片作为列表元素，最后的卡片是从底部剪下来的。以下是相关的代码片段：
createListBody.dart
List<String> services = [
'Demo1',
'Demo2',
'Demo3',
'Demo4',
'Demo5',
'Demo6',
'Demo7',
'Demo8',
'Demo9',
浏览 4提问于2021-04-07得票数 2
回答已采纳
3回答
我想让无限高列(因为扩展的小部件)可以滚动，但是SingleChildScrollView不能完成这项工作。
new Scaffold(
backgroundColor: Color.fromRGBO(245, 245, 245, 1.0),
body: new Container(
child: SingleChildScrollView(
child: new Column(
mainAxisSize: MainAxisSize.max,
children: <Widget>[
浏览 1提问于2019-08-11得票数 2
回答已采纳
我是flutter的新手，对CustomScrollView有一个令人困惑的问题。列表中的第一项始终由CupertinoNavigationBar覆盖，最后一项由CupertinoTabView控件覆盖。如果我用一个简单的ListView替换掉CustomScrollView，那么可滚动区域就会按预期呈现。下面的代码显示了这种行为。要查看工作版本，请取消注释ListView并注释CustomScrollView。您可以在此处运行该示例：
import 'package:flutter/material.dart';
void main() {
runApp(MyApp()
浏览 13提问于2021-06-13得票数 0
回答已采纳
我在SliverPersistentHeaderDelegate上添加了SliverPersistentHeaderDelegate。在滚动到中间/底部，然后输入到textField之后，SliverList会自动到达顶部。我怎么才能让这个失效？
全密码。
class MyWidget extends StatelessWidget {
static const String route = '/myWidget';
@override
Widget build(BuildContext context) {
return Scaffold(
浏览 0提问于2020-05-11得票数 0
回答已采纳
1回答
如图所示，我有一个包含3个项目的TabBar。在该项目中，我有一个Column，其中包含一个Swiper和一个ListView。现在我想滚动Column。如何修改我的代码？ import 'package:flutter/material.dart';
import 'package:fluttertoast/fluttertoast.dart';
import 'package:flutter_swiper/flutter_swiper.dart';
import '../widgets/list_item_exam_strate
浏览 20提问于2019-04-04得票数 0
回答已采纳
我有一张日子清单，还有一张每天营业时间的清单。
我需要使天数列表可滚动，并在必要时扩展开放时间列表(=我不希望将开放时间列表滚动到定义的高度容器中)。
如何使列表可滚动？
以下是我到目前为止所拥有的，一个不可滚动的日子列表(我无法看到周日)：
SingleChildScrollView(
child: ListView.builder(
itemCount: _days.length,
itemBuilder: (context, i) {
return
浏览 5提问于2020-12-19得票数 1
我有一个有3个孩子的CustomScrollView。我想渲染第三个孩子而不是第二个孩子。 我使用sliver，因为我想在列表视图下面渲染一个框，当用户滚动时，框将向上滚动。这种行为是有效的，但问题是列表视图呈现在框的下方。 下面是我的代码： import 'package:flutter/material.dart';
import 'package:flutter/rendering.dart';
import 'package:flutter/services.dart';
void main() => runApp(MyApp(
浏览 9提问于2020-01-01得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
