程序问答   发布时间:2022-06-01  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了在 NestedScrollView 中不遵守正文大小和边距大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

如何解决在 NestedScrollView 中不遵守正文大小和边距?

开发过程中遇到在 NestedScrollView 中不遵守正文大小和边距的问题如何解决?下面主要结合日常开发的经验,给出你关于在 NestedScrollView 中不遵守正文大小和边距的解决方法建议,希望对你解决在 NestedScrollView 中不遵守正文大小和边距有所启发或帮助;

我试图理解为什么在这种情况下,为什么在“容器”下面的代码中,即使有限制或大小,也会填充整个空间。

return Scaffold(
      
      body: SafeArea(
        child: nestedScrollVIEw(
          physics: BouncingScrollPhysics(),headerSliverBuilder: (context,innerBoxIsScrolled) {
            return <Widget>[];
          },body: Container(
            constraints: BoxConstraints(
              maxHeight: 100,minWIDth: 100,),color: colors.red,height: 100,wIDth: 100,child: Container(
              constraints: BoxConstraints(
                maxHeight: 50,minWIDth: 50,color: colors.yellow,height: 50,wIDth: 50,child: Text('a'),);

解决方法

您可以在整个页面上添加一个 Column 来控制每个 Container 的大小

你可以试试这个:

 return Scaffold(

  body: SafeArea(
    child: NestedScrollView(
      physics: BouncingScrollPhysics(),headerSliverBuilder: (context,innerBoxIsScrolled) {
        return <Widget>[];
      },body: Column(
        children: [
          Container(

            color: Colors.red,height: 100,width: 100,child: Container(
              
              margin: EdgeInsets.all(25.0),color: Colors.yellow,height: 50,width: 50,child: Text('a'),),],);
,

如果孩子想要与父母不同的尺寸,而父母没有足够的信息来对齐它,那么孩子的尺寸可能会被忽略。定义对齐时要具体。

在这里,您有第一个 Container 想要获得其大小,但它们被忽略,因为 screen 强制它与屏幕大小完全相同,减去您可能传递给 SliverAppBarheaderSliverBuilder。>

为了 Container 保持其大小,设置父级,这将有自己的约束,例如CenterColumnStack

大佬总结

以上是大佬教程为你收集整理的在 NestedScrollView 中不遵守正文大小和边距全部内容,希望文章能够帮你解决在 NestedScrollView 中不遵守正文大小和边距所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: