颤振行小部件之间的空间不起作用我该如何解决？

编程问答 2022-06-10

问题描述

enter image description here

enter image description here

我想在Math和A +之间留出空间。

我尝试过

  1. mainAxisAlignment.spacebetween
  2. 插入Spacer（）
  3. 用Container（）包装并给出宽度：无穷大

全部无效。不知道为什么 这是我的代码

 body: Container(
        margin: EdgeInsets.only(top: 5),child: ListView.builder(
          itemCount: 20,itemBuilder: (context,index) {
            return Container(
                decoration: Boxdecoration(
                  color: kFadingBackgroundColor,borderRadius: BorderRadius.all(Radius.circular(5.0)),BoxShadow: [
                    BoxShadow(
                      color: Colors.grey[200],offset: Offset(0.0,2.5),//(x,y)
                      blurRadius: 2.0,),],margin: EdgeInsets.symmetric(horizontal: 70.w,vertical: 10.h),padding: EdgeInsets.only(
                    top: 5.0,bottom: 8.0,left: 45.w,right: 45.w),child: Row(
                  crossAxisAlignment: CrossAxisAlignment.start,children: [
                    Container(
                      child: Column(
                        children: <Widget>[
                          // SizedBox(height: 5),CircleAvatar(
                            backgroundColor: Colors.transparent,child: Image.asset('assets/images/math.png'),)
                        ],SizedBox(width: 30.w),Column(
                      crossAxisAlignment: CrossAxisAlignment.start,children: [
                        Container(
                          child: Row( ✅✅✅✅✅✅✅✅✅✅✅✅✅✅✅
                            // mainAxisAlignment: MainAxisAlignment.spaceBetween,children: [
                              Text(
                                'Math',style: TextStyle(
                                    fontSize: 100.sp,color: blueGray),// SizedBox(
                              //   width: double.infinity,// ),// Spacer(),Text(
                                'A+',style: TextStyle(color: blueGray),Container(
                          width: 300,child: Text(
                            'hellowoasasasasassssssssssssssssssssssssssssssssssssssssssssssssssssssssssssrld lroremkasdasdasdasdasdsadasdasdasdasdasdasdasdasdremmws',softWrap: true,)
                  ],));
          },

您的帖子似乎主要是代码；请添加更多详细信息。 看起来您的帖子大部分是代码；请添加更多详细信息。 看起来您的帖子大部分是代码；请添加更多详细信息。

解决方法

您可以将第二列包装在Expanded窗口小部件中，并给Row提供mainAxisSize.Max并尝试在它们之间使用间隔或空格 或者您可以尝试将Text（“ Math”）包装在“扩展”小部件中。

您可以找到有关扩展小部件Here

的更多信息
rowrowspacespace