flutter row widget space 之间不起作用。我怎样才能解决这个问题？

Question

我想在数学和 A+ 之间给出 space。

我试过了

mainAxisAlignment.spacebetween
插入垫片()
用 Container() 包装并给出宽度：infinity

全部都不行。不知道为什么这是我的代码

 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,
                          ),
                        ),
                      ],
                    )
                  ],
                ));
          },
        ),
      ),

看起来你的 post 主要是代码；请添加更多详细信息。看起来你的 post 主要是代码；请添加更多详细信息。看起来你的 post 主要是代码；请添加更多详细信息。

Answer 1

您可以将第二列包裹在扩展小部件中，并给出行 mainAxisSize.Max 并尝试 spacer 或 space 之间或者您可以尝试将 Text("Math") 包装在扩展小部件中。

您可以在 Expanded Widget 上找到更多信息 Here

flutter row widget space 之间不起作用。我怎样才能解决这个问题？

flutter row widget space between doesn't work. how can i fix this?

row

space

flutter