在SingleChildScrollView中底部溢出42个像素
是指在使用SingleChildScrollView组件时，内容超出了可视区域的底部，并且超出的部分为42个像素。
SingleChildScrollView是Flutter中的一个滚动组件，用于在屏幕上显示超出屏幕范围的内容。当内容超出可视区域时，可以通过SingleChildScrollView来实现滚动查看。
底部溢出42个像素可能是由于内容的高度超过了SingleChildScrollView的高度，导致底部部分无法完全显示在屏幕上。
解决这个问题的方法可以有以下几种：
- 调整SingleChildScrollView的高度：可以尝试增加SingleChildScrollView的高度，使其能够容纳所有内容，从而避免底部溢出。可以通过设置SingleChildScrollView的高度属性来实现，例如设置为屏幕高度减去42个像素。
- 使用Expanded包裹SingleChildScrollView：如果SingleChildScrollView是作为父组件的子组件，并且父组件是一个垂直布局（如Column），可以将SingleChildScrollView用Expanded组件包裹起来。Expanded会自动填充剩余空间，确保SingleChildScrollView可以完全显示在屏幕上。
- 调整内容的高度：如果内容的高度确实超过了SingleChildScrollView的高度，可以考虑调整内容的高度，使其适应SingleChildScrollView的高度。可以通过调整内容的布局或者使用其他适应性组件来实现。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云基础云服务器（CVM）：提供高性能、可扩展的云服务器实例，满足各种计算需求。产品介绍链接
- 腾讯云云数据库MySQL版：提供稳定可靠的云数据库服务，支持高可用、备份恢复等功能。产品介绍链接
- 腾讯云对象存储（COS）：提供安全、稳定、低成本的云端存储服务，适用于各种数据存储需求。产品介绍链接
- 腾讯云人工智能平台（AI Lab）：提供丰富的人工智能服务和工具，包括图像识别、语音识别、自然语言处理等。产品介绍链接
- 腾讯云物联网套件（IoT Hub）：提供全面的物联网解决方案，包括设备接入、数据管理、消息通信等功能。产品介绍链接
- 腾讯云移动应用开发平台（MTP）：提供一站式移动应用开发服务，包括应用管理、推送通知、数据统计等功能。产品介绍链接
以上是腾讯云提供的一些相关产品，可以根据具体需求选择适合的产品来解决问题。
相关·内容
我有一个问题。
我的应用程序是SingleChildScrollView -> column -> children: A,B(variable height),C
我说
如果A，B，C不溢出。
C位置在屏幕底部。
如果A，B，C溢出。
C位是内容的尾部。
但这不是工作。
我不能灵活使用，spacer..etc..。因为SingleChildScrollView
怎么能做到呢？
浏览 0提问于2020-03-24得票数 1
回答已采纳
我使用的是sliding_up_panel包(^2.0.0+1版本)，我面临屏幕滚动行为方面的问题。我的widget看起来是这样的：
return SingleChildScrollView(
child: SlidingUpPanel(
// set minHeight to 0 to only show the SlidingUpPanel when clicking on the edit icon
minHeight: 0,
controller: sliderController,
panel: const RenameWidget
浏览 13提问于2022-01-08得票数 1
回答已采纳
2回答
你好，我是新来的。我想问一问如何修复底部溢出23个像素？我已经添加了SingleChildScrollView，但是它仍然不能工作，即使是像素溢出的底部也会增加。这发生在我输入这个代码之后。
我的代码：
new SingleChildScrollView(
child: Container(
width: double.infinity,
margin: EdgeInsets.symmetric(vertic
浏览 14提问于2022-08-12得票数 0
1回答
较小设备上的颤振渲染溢出底部问题
、、、、
我的应用程序中有一个警报对话框，它来自于它中的元素。表单被一个列小部件包装。无论如何，当键盘打开时，会抛出底部溢出的问题。要解决这个问题，我已经使用singlechildScrollview包装了该列。这解决了这个问题。但是，当我在一个较小的设备中打开同样的错误时，它会抛出底部溢出错误，甚至用singlechildScrollview包装。目前，这个问题存在于较小的设备上。守则载列如下：
Get.defaultDialog(
title: 'Have any Issues?',
titleStyle: Theme.of(Get.context!).tex
浏览 5提问于2022-04-07得票数 0
1回答
如何处理颤振中的列溢出
、、、
我创建了一个简单的网页应用程序与颤振。应用程序布局分为两个垂直区域:左边有一个小的顶部底部菜单，右边是DataTable中的主要内容。
我将DataTable封装在一个SingleChildScrollView中，一切都很好。左边，另一方面，一直给我一个垂直溢出。
左边的树如下：
Row(
children: [
//Left side menu
Flexible(
Container(
Column()
), //Container
), //Flexible
浏览 6提问于2022-06-20得票数 0
回答已采纳
为什么当屏幕高度调整得太小时，这个SingleChildScrollView溢出而不是滚动？我之所以使用这个设计，是因为底部小部件需要推到底部。
return NavigationListener(builder: (context, child) {
return SingleChildScrollView(
child: SizedBox(
height: MediaQuery.of(context).size.height,
width: maxSideMenuWidth,
child: Column(
children: [
浏览 2提问于2022-05-25得票数 0
正如标题所暗示的，我正在尝试创建一个可以使用SizeTransition扩展的容器。在容器展开后，用户会输入一些文本，这将导致底部溢出。所以我使用SingleChildScrollView。然而，容器似乎是不可滚动的，仍然会发生溢出。 下面是我的代码的一部分。 Widget _buildComponentA() {
return Column(
children: <Widget>[
Row(
children: <Widget>[
//some widgets
],
浏览 17提问于2020-08-24得票数 0
回答已采纳
当我试图把一个GridView放在一个Column中，它是SingleScrollChildView的子代，它的底部溢出了几千像素。shrinkWrap in GridView设置为true。另外，scrollphysics被设置为NeverScrollableScrollPhysics()。我正试图用SingleChildScrollView制作这个SingleChildScrollView卷轴。这是我的Widget build(BuildContext context)代码。任何帮助都将不胜感激。
return WillPopScope(
child: Column(
浏览 2提问于2020-06-09得票数 1
我有这个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
回答已采纳
在SingleChildScrollView中使用背景梯度填充整个屏幕的最佳方法是什么？我希望屏幕只有在必要时才滚动(当项目和底部文本溢出屏幕时)。注意，后退按钮是FAB。
注意:我尝试过ConstrainedBox (但是当列表视图中没有溢出时，滚动是很奇怪的)。
：什么是最好的方法1)完全填充背景，2)只有当列表视图溢出时才激活滚动活动？
我的代码：
Widget body() {
return SingleChildScrollView(
child: Container(
decoration: background(),
浏览 9提问于2022-10-27得票数 0
回答已采纳
我构建了一个当键盘显示为编辑TextField时调整大小(缩小)的AlertDialog。我喜欢这种行为，但问题是，对于某些屏幕尺寸，它会导致Dialog的底部溢出。
有没有办法控制因键盘外观而缩小的AlertDialog的大小？
我试着用SingleChildScrollView包装整个东西，但是MainAxisAlignment.spaceBetween在Column中不能像以前那样工作。
之前：
之后：
浏览 1提问于2020-08-25得票数 0
在使用ExpansionTile小部件时，如何避免文本中的溢出？当我不使用这个小部件时，我的文本没有溢出，使用SingleChildScrollView就足够了。
ExpansionTile(
title: Text('History'),
children: [
SingleChildScrollView(
child:Text(widget.descriptionText as String),
),
]
)
浏览 1提问于2022-08-27得票数 1
1回答
我正试着在屏幕的最底部(底部导航栏上方)创建一个小工具。我将MainAxisAlignment.spaceBetween添加到列中，但SingleChildScrollView中的Column似乎正在缩小以适应它。我怎么才能让_BottomOne一直在底部呢？ Column(children: [
_StayOnTopWidget(),
Expanded(
child: SingleChildScrollView(
child: Column(
mainAxisAlignment: Mai
浏览 16提问于2020-09-27得票数 1
回答已采纳
子滚动视图中的小部件不会滚动，当列表视图中有更多小部件时，会在屏幕上抛出底部溢出异常。我不知道我在哪里搞错了。
home: Scaffold(
body: Column(
children: [
APPbar(),
Container(
color: Colors.grey[200],
child: Expanded(
child: Column(
浏览 7提问于2022-08-23得票数 0
2回答
我的代码的当前状态： @override
Widget build(BuildContext context) {
return Container(
decoration: Grad2(),
padding: EdgeInsets.all(16),
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center,
children: [
浏览 42提问于2019-06-28得票数 2
回答已采纳
1回答
我的颤振网页滚动体的问题
、、、
我试着做我的第一个颤音网页。我想让导航应用程序栏在顶部和滚动区域与图片和文字下面。我对重新整理我的页面有个问题。我的页面主体不是滚动的，它在底部溢出。我做错什么了？下面是我的示例代码：
@override
Widget build(BuildContext context) {
return Column(
children: [
TopBar(),
SingleChildScrollView(
child: Column(
children: [
Contain
浏览 0提问于2020-05-01得票数 2
回答已采纳
我无法找到解决方案，将“文本溢出:省略”样式应用于<input type='file'/>中的Firefox浏览器中的选定文件名。
我正在应用css如下所示
.inp{显示:内联块；文本溢出:省略-ms-文本溢出:省略；空白:现在；溢出:隐藏；字包装:正常；垂直-对齐:底部；宽度:16 ms；}
浏览 2提问于2014-02-26得票数 4
我在一个列中有一些textFormFields，为了避免底部溢出错误并自动在键盘上方滚动，我在一个SingleChildScrollView中有它。 我添加了一个CupertinoDatePicker，得到了一个RenderFlex object was given an infinite size during layout错误。 我能解决这个问题的唯一方法是把datepicker放在一个大小的盒子里 Widget _buildDatetime() {
return SizedBox(
height:200,
child:
CupertinoDatePicker
浏览 9提问于2020-07-03得票数 0
RenderFlex在底部溢出676像素。在SingleChildScrollView中
Widget dashboard(context){
return AnimatedPositioned(
duration: duration,
top:0,
bottom:0,
left:isCollapsed ? 0 : 0.6 * screenWidth,
right:isCollapsed ? 0 : -0.2 * screenWidth,
child: ScaleTransition(
scale:
浏览 4提问于2019-10-22得票数 6
回答已采纳
1回答
我想要做的是阻止它溢出到页面的最底部，因为我希望在底部有一个div来做其他事情。那么，如何在文本和页面底部之间留出间隙呢？
另外，如何将文本限制为div的大小和位置？该元素在div下大约20个像素，并导致重叠问题。
HTML：
<div id="Info">
"a lot of text here"
</div>
CSS：
#Info {
background-color:#000;
position:absolute;
top:200px;
left:20%;
height:50%;
浏览 0提问于2014-02-04得票数 1
我正在尝试在flutter应用程序中实现一个列表。这是我的身体： Container(
padding: EdgeInsets.fromLTRB(35.0, 40.0, 0.0, 0.0),
child: Column(
children: <Widget>[
Text(
date,
textAlign: TextAlign.center,
style: TextStyle(
fontSize: 30.0,
color: Colo
浏览 18提问于2020-03-28得票数 0
回答已采纳
在下面所附的登录屏幕中，我希望视图保持固定，即使我打开键盘。
如果您看到，您会注意到它在打开键盘时会被滚动(注意Logo TextField)。
我目前正在使用SingleChildScrollView来避免溢出，但是即使我不使用SingleChildScrollView，屏幕在打开键盘后仍然会重新定位，只是这一次，会出现像素溢出。
class LoginScreen extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Center(
child: Singl
浏览 2提问于2020-01-02得票数 0
我在SingleChildScrollView中有一个带有嵌套SingleChildScrollView的小部件。当内滚筒到达底部时，可以向下滚动外滚筒；当内滚筒到达顶部时，可以向上滚动。
浏览 0提问于2019-06-16得票数 2
一个相当宽的ToggleButtons包在SingleChildScrollView中，在AppBar动作中溢出，而不是在身体中。有办法解决这个问题吗？
任何建议都感谢！！
class _ToggleState extends State<Toggle> {
List<bool> selectList = [
10 items here
];
List<String> catList = [
10 items here
];
@override
Widget build(BuildContext context) {
return Scaffold(
浏览 0提问于2021-08-29得票数 1
回答已采纳
1回答
Expected result 我使用SingleChildScrollView使其可滚动，但如果设备尺寸较大，则侧边会有空白区域。SingleChildScrollView我怎么才能去掉里面的内容会伸展呢？ 如果我移除SingleChildScrollView，它将会伸展和适合，但如果屏幕很小，它将无法滚动，并且它会溢出表格。Without scrollview 我甚至试过用那个贴合的盒子，它可以伸展，但如果桌子的内容只有几个，它就会太大。FittedBox 1 FittedBox 2 SingleChildScrollView(
scrollDir
浏览 33提问于2021-05-05得票数 0
我正在使用wrap显示一些图像，Wrap的方向设置为Axis.horizontal。当它耗尽水平空间时，它将创建新行。只要垂直方向有足够的空间，所有内容都会按其应有的方式显示。但是当有很多图片的时候，它就会出现底部溢出。
我尝试将Wrap小部件包装在SingleChildScrollView、ListView和Expanded中，但似乎都不起作用。下面是我的代码：
@override
Widget build(BuildContext context) {
return Wrap(
direction: Axis.horizontal,
spacing: 8
浏览 1提问于2020-11-07得票数 5
7回答
根据颤振文档Containers with no children try to be as big as possible unless the incoming constraints are unbounded, in which case they try to be as small as possible. Containers with children size themselves to their children.，我最接近于让它开始工作：
return Stack(
children: <Widget>[
Container(
wid
浏览 1提问于2019-03-04得票数 24
7回答
我想在滚动一个有焦点的SingleChildScrollView时隐藏键盘。
我在NotificationListener<ScrollNotification>的基础上添加了一个SingleChildScrollView，并监听了ScrollStartNotification。然后我调用FocusScope.of(context).requestFocus(FocusNode())来隐藏键盘。
当TextFormField位于屏幕底部时，问题就会发生。当我点击它时，它就会得到焦点，键盘就会出现，并将SingleChildScrollView向上移动，这会再次触发ScrollSta
浏览 0提问于2019-03-22得票数 23
回答已采纳
我正在创建一张卡片。卡片有2行文本小部件。此文本溢出。我试图在Axis中使用SingleChildScrollView。垂直的。它适用于移动和网络。但是横向并不适用于网络。(我需要水平使用)
下面的代码适用于移动应用程序，但不适用于网络。
代码：
Container(
width: 100,
height: 50,
child: Column(
children: [
Expanded(
flex: 1,
child: SingleChildScrollView(
scrollD
浏览 2提问于2022-03-02得票数 0
回答已采纳
需要帮助。我已经在页面上创建了一个column，其中还有两个columns，所以我将底部的按钮移到了最底层，这样它们总是在屏幕的底部。但是，当我添加一个SingleChildScrollView以使页面滚动时，columns之间的空间就会消失，底部的按钮会移动到其他小部件下面。如何解决这个问题，以便在添加SingleChildScrollView时，有一个空空间，并且按钮保留在屏幕的最底部？
body
Padding(
padding: const EdgeInsets.symmetric(horizontal: 24),
child: SingleChildScrol
浏览 5提问于2022-04-13得票数 0
回答已采纳
我需要使用SingleChildScrollView，以便能够使用，以便在iOS中的键盘上放置一个“完成”按钮(目前使用的是数字键盘)。
SingleChildScrollView将有一个列作为子列，然后在底部放置一个按钮。我尝试使用LayoutBuilder对SingleChildScrollView强制设置一个高度。
LayoutBuilder(
builder: (BuildContext context, BoxConstraints viewportConstraints) {
return SingleChildScrollView(
child
浏览 0提问于2019-03-08得票数 29
回答已采纳
我有一个用顺风和高山js制作的日期选择器组件，我使用作为我的日期选择器的引用。我的问题是当我在一台小型设备上时，日期选择器会在底部的剩余空间中溢出。有没有办法像智能下拉列表那样在底部没有空格的时候向上添加？
我也尝试过在小型设备上使用媒体查询，但它不符合我的需求。
浏览 2提问于2020-05-21得票数 2
我从firebase_admob切换到推荐的google_mobile_ads，现在我需要将AdWidget包含到现有的小部件树中。 我是这样做的，即我根据这里的https://pub.dev/packages/firebase_admob所示在SingleChildScrollView上添加了堆栈 但是现在内容没有滚动，bannerAd显示在屏幕的中央(不应该显示在屏幕底部，从底部开始填充10吗？)。 很明显，这不是我想要的，怎么解决呢？ body: Stack(
children: [
SingleChildScrollView(
浏览 45提问于2021-09-11得票数 0
我有一个表单屏幕，我想在其中控制每个部分的比例，为此，我使用了以下模式：
var _mediaQueryData = MediaQuery.of(context);
var scaffoldWithoutAppBarHeight = _mediaQueryData.size.height - _mediaQueryData.viewPadding.vertical - kToolbarHeight;
var heightUnit = scaffoldWithoutAppBarHeight / 12;
这使我可以在容器中使用它，如下所示：
return Scaffold(
appBa
浏览 0提问于2019-09-26得票数 0
我正在工作的脚本，将追加文本(大小不同)的div块(在高度变化)与溢出滚动。添加此文本后，我需要将div块滚动到底部才能看到新的附加文本，但是我只需要它滚动到底部，如果当前滚动位置约为滚动的10%接近底部，否则它将是恼人的，如果它向下滚动时，查看div的顶部部分。
这是我想出来的，它是在附加文本后运行的：
var divblock = document.getElementById('div'); //the block content is appended to
var divheight = divblock.offsetHeight;//get the height o
浏览 0提问于2011-09-23得票数 1
我有一个颤振应用程序，我正在为Android开发。其结构大致如下：
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(title: Text("")),
body: SingleChildScrollView(
child: Container(
decoration: const BoxDecoration(
gradient: ...
),
child:
浏览 2提问于2022-07-11得票数 0
1回答
我想让下面的行可以滚动： Row(
children: [
Expanded(
flex: 1,
child: timeColumn, // list of times
),
dayColumn("Monday", "03-09-2002"), // monday info, etc.
dayColumn("Tuesday", "03-10-2002"),
dayColumn("Wednesday"
浏览 11提问于2020-04-02得票数 0
回答已采纳
我正在尝试创建一个带有列的SingleChildScrollView，并且我希望在屏幕的最底部有一个按钮。为此，我尝试使用包含SingleChildScrollView和FlatButton作为子级的堆栈。我最终得到的结论是： ? 我不能让按钮粘在底部，即使我已经定位按钮并将其对齐到底部。绿色只是为了显示列的高度，并且按钮靠在列的底部。Stack、SingleChildScrollView、Column和FlatButton只占用显示它们所需的空间。我需要把那个按钮放在屏幕的底部。 这是我用来创建这个的代码。我遗漏了什么？ return Scaffold(
appBar: App
浏览 70提问于2019-06-28得票数 12
我想要实现一个布局，其中只有主按钮小部件将始终留在脚手架底部。其他小部件将放置在SingleChildScrollView -> Column中。
但是当TextField或TextFormField聚焦时，键盘应该按下整个屏幕直到布局的底部，这样按钮就可以看到了。
使用SingleChildScrollView时，TextField或TextFormField只保留在键盘上方，而不是按钮上。
我的代码：
body: SingleChildScrollView(
physics: BouncingScrollPhysics(),
child: Co
浏览 5提问于2020-08-01得票数 5
回答已采纳
我的底部导航有四个不同的选项卡，其中一个选项卡(最后一个)是一个SingleChildScrollView。我想我可以点击图标在底部导航，也可以滚动的应用程序。这很好，只有最后一个选项卡带来了很多麻烦:我的问题是，当我向下滚动到SingleChildScrollView (最后一个选项卡)时，我不能再滚动到它上面的选项卡了。这就是我的PageView (它是身体)的样子：
body: PageView(
scrollDirection: Axis.vertical,
onPageChanged: (page) {
setState
浏览 13提问于2021-10-02得票数 1
回答已采纳
我有一个屏幕，我想动态地插入一些checkBoxes，但在本例中，我将三个屏幕固定在上面，只是为了测试。这是代码：
Expanded(
flex: 3,
child: Padding(
padding: EdgeInsets.all(10),
child: Container(
decoration: BoxDecoration(
border: Border.all(
color: AppColorSecondary,
),
borderRadius: BorderRadius.all(R
浏览 3提问于2021-04-15得票数 0
回答已采纳
请有一种方法，我可以做一个列表项目在一个扩展的面板滚动。我试图在下面的代码中实现这一点，但是当我展开第一个面板时，会出现底部溢出错误。谢谢
ExpansionPanelList(
children: [
ExpansionPanel(
isExpanded: _isOpen[0],
headerBuilder: (context, isOpen) {
return Text("Activities");
浏览 7提问于2021-12-18得票数 0
回答已采纳
我有一个数据表，它的水平和垂直超过屏幕大小，我需要使用垂直和水平滚动。我使用了这个代码：
SingleChildScrollView(
scrollDirection: Axis.horizontal,
child: SingleChildScrollView(
scrollDirection: Axis.vertical,
child: DataTable(
columns: [
DataColumn(label: Text('Vis_Code')),
DataColumn(label: Text('
浏览 0提问于2020-04-11得票数 2
2回答
可滚动报警对话框颤动
、、、
我正在努力使警告对话框可在Flutter中滚动。我已经尝试了几种方法，到目前为止，这是最有效的方法： Widget _buildPopupDialog(BuildContext context) {
List<IconData> _iconsTable = [
Icons.build,
Icons.format_paint,
Icons.assignment,
Icons.group_work,
Icons.home,
Icons.feedback,
...
];
return
浏览 64提问于2021-01-06得票数 0
回答已采纳
有没有办法允许SingleChildScrollView的子级溢出？我试图在滚动视图上使用OverflowBox，但没有起作用，我试图在孩子身上使用，但它崩溃了。
浏览 12提问于2019-11-20得票数 0
3回答
我有问题，溢出无限像素在底部。我找到了很多解决办法，但还是没有用。
这是我的详细信息页。
class MyWidgetApiDetails extends StatelessWidget {
final Emp emp;
const MyWidgetApiDetails({Key key, @required this.emp}) : super(key: key);
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title:
浏览 2提问于2021-10-14得票数 0
回答已采纳
我有一个RoundedLoadingButton在一个SingleChildScrollView。有两个问题。1:按钮的底部被切断(见底部阴影) 2:当我点击按钮或按钮变成一个加载器时，屏幕上会弹出一个错误。
我尝试将一个Expanded小部件添加到Column和RoundedLoadingButton中，但是没有什么改变。我还尝试将列的mainAxisSize更改为min和max，但它们都没有帮助。
我做错了什么，我该如何解决呢？
return SingleChildScrollView(
child: Container(
padding: EdgeInsets
浏览 5提问于2020-09-25得票数 0
回答已采纳
我可能误用了这个小工具。我想使卡可滚动，因为它在较小的设备上溢出：
我的代码是：
LayoutBuilder(
builder:(BuildContext context,BoxConstraints viewportConstraints){
return _currentItem == 1 ? FadeTransition(
opacity: fadeAnimation,
child: SingleChildScrollView(
child
浏览 0提问于2019-08-08得票数 0
如标题所示，是否有一种方法可以在展开后的屏幕底部放置小部件？
Expanded -> SingleChildScrollView() -> column(children: [ -> Container() -> ElevatedButton() ])
我想把ElevatedButton放在屏幕的底部，我也不想把它放在扩展的小部件上，有办法吗？
浏览 4提问于2022-02-27得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
