SingleChildScrollView内部的PageView.builder颤动
SingleChildScrollView是Flutter中的一个小部件，用于在一个可滚动的容器中显示单个子组件。而PageView.builder是一个用于构建可滚动页面视图的小部件。
SingleChildScrollView内部的PageView.builder颤动可能是由于以下原因之一：
- 嵌套滚动：SingleChildScrollView和PageView.builder都是可滚动的小部件，当它们嵌套在一起时，可能会导致滚动冲突，从而引起颤动。解决这个问题的一种方法是使用NestedScrollView来包裹它们，以确保它们能够正确地协同工作。
- 数据加载问题：如果PageView.builder中的数据加载不及时或者数据量过大，可能会导致页面在滚动时出现颤动。可以尝试优化数据加载的方式，例如使用分页加载或者异步加载数据，以提高性能并减少颤动。
- 布局问题：颤动可能是由于布局问题引起的。请确保SingleChildScrollView和PageView.builder的布局参数正确设置，并且没有重叠或者冲突的部分。
总结起来，解决SingleChildScrollView内部的PageView.builder颤动问题的关键是解决滚动冲突、优化数据加载和调整布局参数。在腾讯云的Flutter生态系统中，可以使用相关的小部件和工具来解决这些问题，例如使用NestedScrollView来处理嵌套滚动，使用分页加载或者异步加载数据的方式来优化数据加载，以及使用合适的布局参数来调整布局。具体的腾讯云产品和产品介绍链接地址可以参考腾讯云官方文档或者开发者社区。
相关·内容
我正尝试在SingleChildScrollView中使用PageView.builder，但我总是收到如下错误消息 RenderBox was not laid out: RenderRepaintBoundary#490ce relayoutBoundary=up15 NEEDS-PAINT
'package:flutter/src/rendering/box.dart':
Failed assertion: line 1694 pos 12: 'hasSize' 以下是代码的一部分 @override
Widget build(BuildContex
浏览 51提问于2020-08-25得票数 0
回答已采纳
return Scaffold(
body: SingleChildScrollView(
child: Padding(
padding: const EdgeInsets.only(top: 35),
child: Column(
children: [
Container(
height: 95,
child: PageView.builder(
itemCount: 7,
onPageChanged: (valu
浏览 6提问于2022-11-13得票数 0
有没有一种方法可以计算出SingleChildScrollView的完整高度，以便可以用来设置ConstrainedBox高度。我有一个SingleChildScrollView，它包含许多小部件，包括列和一个可以改变高度的扩展。我尝试了许多不同的技术，包括使用MediaQuery.of(上下文).size.height，但这只提供了可见屏幕的高度，而不是整个滚动区域的总高度。
子控制器: SingleChildScrollView(控制器: scrollController，子控制器: ConstrainedBox(约束: BoxConstraints(maxHeight: maxHeigh
浏览 5提问于2021-07-27得票数 0
3回答
我有一个问题，当我想在屏幕上滚动时，应用程序无法滚动。我遗漏了什么？
这是我的
return Scaffold(
appBar: AppBar(
title: Text('Second Page'),
),
body: Center(
child: SingleChildScrollView(
child: Column(
children: <Widget>[
Container(
height: MediaQuery.of(context).size.heig
浏览 16提问于2020-02-29得票数 0
回答已采纳
在查看水平PageView.builder中的每个页面时，我想调用一个垂直PageView.builder来为每个页面提供它自己的垂直回复列表。做这件事最好的方法是什么？
class StageBuilder extends StatelessWidget {
final List<SpeakContent> speakcrafts;
StageBuilder(this.speakcrafts);
final PageController controller = PageController(initialPage: 0);
@override
Wid
浏览 0提问于2020-08-22得票数 0
我在StatelessWidget中有一个PageView.builder。每个页面都有一个SwipeGestureRecognizer，它提供了一个Navigator.pop(context) onSwipeDown。但我希望这个手势只在用户滚动回initialPage: 0时触发。对于其余的页面，我希望使用PageView.builder提供的默认滚动。我已经设法让它几乎正常工作了，除了SwipeGestureRecognizer的存在似乎禁用了所有其他页面上PageViewer的正常向下滑动默认滚动。如何使向下滑动手势仅在第一页激活？ class StageBuilder exte
浏览 9提问于2020-08-22得票数 0
我正在尝试使用导航器在已命名的路由之间导航。尽管存在类似性质的问题here，但我认为答案并不是特别有帮助。此外，当我尝试实现一些建议的解决方案时，它们都不起作用。 相关的错误是： Navigator operation requested with a context that does not include a Navigator.
The context used to push or pop routes from the Navigator must be that of a widget that is a
descendant of a Navigator widget. 我尝
浏览 11提问于2020-11-07得票数 0
我有一个返回页面的PageView.builder。每一个都有一个标题和一个标签。我还有一个允许用户编辑标题的EditPage。编辑后的标题通过MySQL数据库上的PHP进行更新。
我可以让单个页面自动更新为新标题吗？或者我必须在每次更新标题时完全重新构建PageView？
这是PageView.builder代码；
class StageBuilder extends StatelessWidget {
final List<SpeakContent> speakcrafts;
StageBuilder(this.speakcrafts);
@override
浏览 12提问于2020-08-12得票数 0
如何在Flutter中使用PageView.builder()创建类似闪屏的tinder。它应该是向上和向下，向上-上一张卡，向下-下一张卡。请帮帮我，我找不到任何解决办法。
浏览 5提问于2021-07-26得票数 0
1回答
在我的项目中，我有一个页面视图，其中包含一个列表中的小部件。在运行时，我将更多的元素添加到这个列表中，以便在Pageview中显示它。如果我不指定itemCounter，那么我可能会耗尽索引，但我可以看到新页面，但是，如果使用itemCounter，新页面将不会出现。对于itemCounter，我使用列表的长度。如何在页面视图中添加运行时的新元素？ 在这种情况下，我可以添加新元素，但可能会用完索引： child: PageView.builder(
controller: pageController,
//itemCount: _dummy.leng
浏览 21提问于2021-07-19得票数 0
回答已采纳
我创建了一个可以很好地处理列的屏幕，但由于键盘的原因，我需要滚动。
当您将SingleChildScrollView或ListView属性插入MainAxisAlignment.spaceBetween时，它将不再起作用。
对此有什么解决方案吗？
Gif如果没有SingleChildScrollView，屏幕将不会滚动，并且FloatingActionButton位于屏幕底部
Gif与SingleChildScrollView屏幕滚动，而FloatingActionButton不在屏幕底部
import 'package:flutter/material.dart&
浏览 1提问于2017-08-31得票数 15
回答已采纳
2回答
我有一个容器，里面有一个列，它用一个SingleChildScrollView小部件包装。当我们到达滚动视图的末尾时，我想禁用这个滚动启动动画。这就是我的小部件树在这个窗口中的样子。 Container - with rounded border
|
SingleChildScrollView
|
Column
|
Some widgets in children ? 因为这超过了容器的圆角边框，所以我想禁用它。
浏览 18提问于2021-04-24得票数 0
我有这个SingleChildScrollView小工具，使Column滚动。但是，我得到了溢出错误。我在Flutter网站上查找了必要的输入，但示例甚至都没有显示在我的屏幕上。如何使此小工具可滚动？ Widget build(BuildContext context) {
return SingleChildScrollView(
child: AnimatedContainer(
duration: Duration(seconds: 2),
margin: EdgeInsets.only(top: 10),
curv
浏览 25提问于2021-01-23得票数 0
回答已采纳
在此应用程序中，用户将能够添加任务，我希望提供选项来选择用户想要保存任务的日期(在以后的日期；一周或几天后，等等)。任务显示在根据日期(例如：initial page: DateTime.now())显示每一页的pageView.builder中。设置日期后，用户应该能够跳到他们在showDatePicker中选择的特定日期，并在所选页面中显示添加的任务(这也将根据showDatePicker中的date selected date进行设置)。控制器_daysPageController.jumpToDay是让用户跳转到所需页面的控制器。 用户选择的日期在以下行中以DateTime格式返回：
浏览 16提问于2019-10-10得票数 1
回答已采纳
1回答
我想呈现一个PageView，但不是将每个页面的currentIndex按顺序编号IE: 1,2,3,4,5,6,7,8,9，我想颠倒IE的编号: 9,8,7,6,5,4,3,2,1。 有人知道怎么做吗？？ PageView.builder(
itemCount: message.length,
itemBuilder: (context, int currentIndex) {
return createViewItem(message[currentIndex], context, );
},
);
}
浏览 4提问于2020-09-08得票数 1
1回答
我已经创建了一个基本的图形网站。我使用的是listview和SingleChildScrollView，每当我滚动时，它都会缩放。它的行为就像一个移动应用程序，我必须点击并拖动才能滚动。
浏览 8提问于2021-06-17得票数 0
2回答
我正在尝试返回一个小部件，它返回一个容器，其中包含一个文本，如果找不到特定的设备，则返回“找不到设备”，如果找到，则返回文本“找到设备！”。我刚接触flutter，并尝试使用Flutter Blue包，以便在处理项目时对框架有所了解。这是我的原始代码：
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Find Devices'),
),
body: RefreshIndicator(
浏览 2提问于2020-07-10得票数 0
1回答
我正在尝试在视图中创建一个可滚动的文本： // other widgets,
SingleChildScrollView(
child: Container(
height: 200,
child: Text(
"Long text here which is longer than the container height"))),
// other widgets 文本比它的父容器的高度长，但是由于某种原因，文本不能滚动，尽管它被包装在SingleChildScrollView中。知道我做错了什么吗？
浏览 12提问于2019-04-04得票数 12
回答已采纳
如何在不创建自定义FlatButton的情况下将AlertDialog样式设置为居中对齐？
AlertDialog(
title: Text(
'Alert Dialog'.toUpperCase(),
textAlign: TextAlign.center,
style: TextStyle(fontWeight: FontWeight.bold, fontSize: 28.0),
),
content: SingleChildScrollView(
child: ListBo
浏览 4提问于2020-03-22得票数 3
1回答
颤动使容器透明
、、、
Material(
elevation: 30.0,
shadowColor: Colors.grey,
child: Container(
width: 300,
child: SingleChildScrollView(
child: TextField(
controller: controller,
style: TextStyle(
color: Colors.black,
浏览 14提问于2021-10-06得票数 0
2回答
我试着用下面的代码用SingleChildScrollView和ListView做一个应用
SingleChildScrollView(
child: Column(
children: [
maintile(),
Container(
padding: EdgeInsets.all(15.0),
decoration: BoxDecoration(
color: Colors.white,
浏览 8提问于2020-10-08得票数 0
在我的应用程序中有一个SingleChildScrollView(可滚动方向为水平方向)，它有N个容器。 有没有办法在颤动中将SingleChildScrollView (可滚动方向为水平)嵌入到SingleChildScrollView(可滚动方向为垂直方向)中。 例如： class HomeBody extends StatelessWidget {
@override
Widget build(BuildContext context) {
return SafeArea(
child: Padding(
padding: sidePa
浏览 18提问于2020-10-24得票数 0
1回答
我想要一个页面视图在银条盒适配器。
SliverToBoxAdapter(
child: PageView.builder(
itemBuilder: (context, position) {
return Column(
children: [
Container(
height: 260,
color
浏览 0提问于2021-05-27得票数 0
我在使用animateToPage时出错
ScrollController附加到多个滚动视图。'package:flutter/src/widgets/scroll_controller.dart'：失败断言:第109行pos 12：'_positions.length == 1‘
我试着使用_pageController.hasClients，但它不起作用。
请看一下我的密码-
import 'package:flutter/material.dart';
void main() {
runApp(MyApp());
}
class MyA
浏览 1提问于2021-04-18得票数 2
我正在创建一个博客应用程序与博客。我正在使用singlechildscrollview来实现滚动功能。但是Scroll不工作了。但是没有渲染溢出错误。 当您有一个通常完全可见的框时，此小部件很有用，例如时间选择器中的钟面，但您需要确保如果容器在一个轴(滚动方向)上变得太小，它可以滚动。 body: SingleChildScrollView(
child: Container(
child: Column(
children: <Widget>[
SizedBox(height: 12),
浏览 22提问于2020-06-30得票数 1
回答已采纳
我正在尝试在一个页面视图中创建一些ocassion卡片，我想知道是否有一种方法可以使我的字体大小动态，以避免像素溢出。以下是工作正常的卡的屏幕截图： ? 但是当我添加一个有更多角色的场合... ? 下面是我的代码： class Category {
String name;
IconData icon;
Widget route;
Category(this.name, this.icon, this.route);
}
class CalendarEvents {
String title;
String date;
CalendarEvents(this.
浏览 17提问于2020-08-24得票数 0
回答已采纳
我目前有一个SingleChildScrollView作为父部件，一个GridView作为子部件之一。一切正常，但是当GridView完成滚动时，滚动不会传递到父ScrollView。在横向定位中，GridView占据了整个屏幕，因此用户只能滚动GridView。我怎样才能通过卷轴？
SingleChildScrollView(
controller: _hideButtonController,
child: Container(
padding: EdgeInsets.only(bottom: 80.0), //padding for fab
child: Colu
浏览 0提问于2018-07-15得票数 5
1回答
显示键盘时出现颤动底部溢出问题
、、、、
我有一个包含Widgets的Column的视图。其中一个Widgets包含一个用于打开底部工作表的按钮。在底部薄片内，用户可以轻触TextField并打开键盘，这将使底部薄片保持在键盘上方。 当我按原样执行此操作时，我会得到Bottom Overflowed by XXX Pixels。黄色的方框在我的底页后面，键盘的正上方。 我尝试过将Column包装在SingleChildScrollView中，但是当我这样做时，我Column中的所有Widgets都消失了。 我也尝试过在脚手架中进行包装，但也不起作用： 示例： Scaffold(
resizeToAvoidBottomInset:
浏览 13提问于2021-10-19得票数 0
我向PageView添加了两个表单小部件。每个表单都有6个TextFormField。当我在任一表单中点击最后两个TextFormField时，键盘会显示在字段上方，并向用户隐藏它们。
我尝试在PageView中使用SingleChildScrollView，但没有成功。
Widget build(BuildContext context) {
return Scaffold(
resizeToAvoidBottomPadding: false,
body: PageView(
children: <Widget>[
浏览 1提问于2019-09-13得票数 1
1回答
颤动中的连续文本
、、
我想创建的文本总是自动滚动(像标签.continuous属性在swift)。现在我在scrollController中使用SingleChildScrollView
SchedulerBinding.instance.addPostFrameCallback((_) { _scrollController.animateTo(_scrollController.position.maxScrollExtent, duration: Duration(seconds: 3), curve: Curves.easeIn); });
浏览 6提问于2020-05-15得票数 1
回答已采纳
我正在使用web flutter进行表单登录，但它仍然没有响应...当我尝试添加SingleChildScrollView小部件时，以便它在移动浏览器上运行时可以滚动。但笔记本电脑上的显示窗体会浮动到顶部
我的代码如下所示
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: Colors.indigo[100],
body: SingleChildScrollView(
child: Container(
child: F
浏览 17提问于2019-08-14得票数 1
1回答
颤动网弹跳涡卷物理
、、、、
我找不到任何使用Flutter web的物理信息，我使用的是SingleChildScrollView，但只有当你使用滚动条时，物理才适用。我想使用鼠标垫或鼠标滚动来获得相同的物理效果。
浏览 32提问于2021-11-14得票数 1
我正在尝试在滚动视图中嵌入一个带有可变文本数量的平面按钮，这样用户可以滚动文本，也可以点击它来执行操作。我尝试过使用嵌入到ConstrainedBox中的平面按钮来实现这一点，而这个按钮本身就嵌入在SingleChildScrollView中。
我尝试过将FlatButton嵌入到SingleChildScrollView中，如下所示。早些时候，我尝试使用SingleChildScrollView祖先将文本包装在展开的小部件中，但这导致了运行时错误，因为滚动视图和展开视图的要求冲突(据我所知)。
Widget contentScreen() {
return SingleChildSc
浏览 0提问于2019-07-19得票数 2
1回答
目前，我的代码如下所示。 return SingleChildScrollView(
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
if (_isLandscape)
Row(
children: [
imageFrame,
Column(
children: [
浏览 11提问于2020-08-13得票数 0
我有电子商务应用程序，其中我正在加载多个小工具，使用自己的未来来建立它。我在SingleChildScrollView中有6个小部件。问题是我看到6个CircularProgressIndicator，这看起来非常糟糕。
如何检查SingleChildScrollView内部的控件是否已构建并将状态设置为_isLoading = false；
class HomeScreen extends StatefulWidget {
@override
_HomeScreenState createState() => _HomeScreenState();
}
class _Home
浏览 0提问于2020-07-25得票数 0
2回答
我试图建立一个登录屏幕，其中包含顶部的电话号码字段与图像和底部的登录按钮，只要我点击电话号码字段键盘上升，但我的‘登录按钮’隐藏在键盘后面，我使用了"SingleChildScrollView“，所以当键盘上升时，页面变得可滚动，但登录按钮不出现在键盘的顶部。
以下是代码的片段：
return Scaffold(
backgroundColor: white.color,
body: SingleChildScrollView(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
浏览 0提问于2020-05-21得票数 1
所以我想在这里做的是，当SingleChildScrollView的规模变大时，按比例改变InteractiveViewer的大小。例如: scale 1.0 =滚动视图的宽度为1000，scale 2.0 =滚动视图的宽度为2000，依此类推。我似乎无法直接从文档中找到如何做到这一点。因此，我考虑通过获取属性(比例)本身的值并重新呈现SingleChildScrollView小部件，但我似乎也找不到任何方法来实现这一点。如果有任何需要进一步澄清的地方，请随时提出。谢谢!
浏览 5提问于2020-08-27得票数 3
回答已采纳
1回答
带有背景图像和表单的颤动堆栈
、、、、
我有一个屏幕，其中的背景图像被设置为充满整个屏幕，在它的顶部，有输入字段。当我点击TextFormField时，键盘被显示，背景图像被推到顶部，这是我不想要的行为。 你知道怎么不把图片往上推吗？我认为表单(使用SingleChildScrollView)小部件是在屏幕顶部呈现的(索引>那个backgroundImage)，所以我不明白为什么图像会变形。有什么想法吗？ 代码： class LoginScreen extends StatelessWidget {
@override
Widget build(BuildContext context) {
浏览 12提问于2020-01-23得票数 0
我有一个包含PageView的页面，这个PageView包含一个GridView，这个GridView包含文本。现在我只想更新一个文本，而不是所有的文本，如果不重新加载所有的PageView该怎么办？例如，现在我只有一个Text()，我想用它做一个小部件。我应该怎么做才能更新特定的文本，而不是重新加载所有的PageView及其子文件？ PageView.builder(itemBuilder: (context, index) {
return GridView.builder(gridDelegate: SliverGridDelegateWithFixedCrossAxisCount
浏览 13提问于2020-07-20得票数 2
这是封装在scaffold主体内的SingleChildScrollView下的inside构建器。将streambuilder放在SingleChildScrollView下后，滚动视图不起作用。StreamBuilder通过云firestore从firebase获取数据。 body: Container(
child: SingleChildScrollView(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
浏览 19提问于2020-09-03得票数 1
在我的应用程序中，我有一个PageView，每个页面都包含一页书。当然，所有的页面都比视口大，所以我在每个页面中都使用了SingleChildScrollView，这样我就可以滚动页面的内容。问题是，当我到达页面的底部时，我无法滚动到PageView的下一页(它试图继续滚动页面本身，而不是页面视图)。有什么方法可以让我的应用在达到页面垂直边框时滚动页面？(顶部和底部的边框都是。)
这是我的密码
import 'package:flutter/material.dart';
import 'package:flutter_html/flutter_html.dart
浏览 9提问于2020-04-04得票数 3
回答已采纳
1回答
我试图在这里使用SingleChildScrollView创建一个类似旋转木马的视图，我希望滚动时项目能够捕捉到屏幕中央，一次一个项目。
浏览 0提问于2021-06-11得票数 0
在登录屏幕中，有一个背景图像，所有内容都可以滚动，但SingleChildScrollView没有显示macth_parent height。我的目标是像here一样设计 class MyLoginOne extends StatelessWidget {
@override
Widget build(BuildContext context) {
return new Scaffold(
body: new Container(
decoration: new BoxDecoration(
浏览 5提问于2019-01-17得票数 20
回答已采纳
我试图从服务器获取数据，一切正常，但数据是ho垂直滚动视图。
child: FutureBuilder(
future: getCartData(),
builder: (context, AsyncSnapshot snapshot) {
if (!snapshot.hasData) {
// still waiting for data to come
return Center(
child: CircularProgressIndicator(),
);
} else if (snapshot.hasData &&
snapshot.data.isEmpty) {
re
浏览 4提问于2022-01-23得票数 0
回答已采纳
我有以下页面： ? 有一个底部栏和三个页面。我想启用垂直滚动，但禁用卷帘。 我在SingleChildScrollView中使用了建议的physics: NeverScrollableScrollPhysics()，但垂直滚动被禁用了，但我仍然可以滑动。 我的代码的一部分： ...
return SingleChildScrollView(
scrollDirection: Axis.vertical,
controller: ScrollController(),
physics: NeverScrollableScrollPhysics
浏览 13提问于2019-03-14得票数 2
回答已采纳
2回答
嗨，我正在尝试建立一个应用程序在扑动。我想在我的屏幕上有标签。我正在尝试如下所示，但它不显示选项卡。
有谁知道这是什么原因吗？
class DashboardScreen extends StatelessWidget {
Widget bodyData() => SingleChildScrollView(
child: Padding(
padding: const EdgeInsets.all(8.0),
child: Column(
children: <Widget>[
浏览 12提问于2018-08-24得票数 1
回答已采纳
2回答
我构建了一个WebView应用程序，我想要下拉屏幕来刷新网页。我使用flutter_inappwebview作为webview。我尝试在SingleChildScrollView或ListView中包装WebView，但它们都不起作用。在下面的代码中，当滑动功能工作时，WebView是不可滚动的。 我已经寻找了一段时间的解决方案，但我没有找到它。任何帮助都将不胜感激！ @override
Widget build(BuildContext context) {
return WillPopScope(
onWillPop: () => _onBackPressed(),
chi
浏览 26提问于2020-08-12得票数 2
1回答
我正在尝试制作这个动画(如图所示)，卡片从左边开始滚动。每张卡片都有一个容器。
Widget build(BuildContext context) {
return SingleChildScrollView(
scrollDirection: Axis.vertical,
child: Padding(
padding: const EdgeInsets.all(15.0),
child: Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
浏览 0提问于2020-05-23得票数 0
1回答
我想将Container的背景颜色扩展为全高。我已经尝试将高度设置为双无限，这样就去掉了我的两个文本小部件Title和Lemon Chicken。这是代码，它在一个Scalfold中，这是它唯一的主体部分。 body: SingleChildScrollView(
child: Column(
children: [
Padding(
padding: const EdgeInsets.symmetric(vertical: 36),
child: GestureDetector(
onTap
浏览 8提问于2020-12-13得票数 1
回答已采纳
1回答
我需要创建屏幕，如图所示：
我需要把这个按钮放在屏幕的底部。然而，TextField可以随着用户的输入而扩展，并且在某个点上它可以到达底部的按钮，在该点按钮应该向下移动...
我不知道如何创建这种布局...就像我需要这样的东西：
SingleChildScrollView(
Column(
Text()
TextField()
Expanded()
RaisedButton()
)
)
浏览 11提问于2019-11-17得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
