如何将第一项放在行的开头，第二行放在行尾？

Question

我无法用空格分隔两个项目，因此第一个项目显示在行的开头，第二个项目显示在行的结尾。

                  Container(
                        margin: EdgeInsets.all(12.0),
                        child: Row(
                           crossAxisAlignment: 
                                CrossAxisAlignment.end,
                          mainAxisAlignment: 
                            MainAxisAlignment.spaceBetween,
                          children: [
                            InkWell(
                                child: Text("Select your service",
                                    style: profileValueTextStyle),
                                onTap: () {

                                  print("-----" + result);
                                }),
                            Icon(Icons.close)
                          ],
                        ),),

我要分隔文本并关闭图标。

Answer 1

您应该将InkWell包装到Expanded Widget中：

Container(
  margin: EdgeInsets.all(12.0),
  child: Row(
     crossAxisAlignment: 
          CrossAxisAlignment.end,
    mainAxisAlignment: 
      MainAxisAlignment.spaceBetween,
    children: [
      Expanded(                                        //Here's the widget you need
        InkWell(
            child: Text("Select your service",
                style: profileValueTextStyle),
            onTap: () {

              print("-----" + result);
            }),
        ),
      Icon(Icons.close)
    ],
  ),),

它将Icon“推”到行的末尾。

希望有帮助！！