Question

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

我尝试过

mainAxisAlignment.spacebetween
插入Spacer（）
用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,
                          ),
                        ),
                      ],
                    )
                  ],
                ));
          },
        ),
      ),

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

Answer 1

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

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

的更多信息

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

1 个答案: