如何使Row在Flutter中充分利用其子代？

debugcn 发表于 Dev

巴基

我正在尝试为联系人列表创建UI。但是该行占用了其父级的全部高度，这不是我想要的。

这是我的代码

Container(

  padding: EdgeInsets.all(5),

  child: Material(
    color: Colors.black,
    elevation: 5,
    borderRadius: BorderRadius.circular(20),
    child: Container(
      padding: EdgeInsets.all(10),

      child: Row(
        crossAxisAlignment: CrossAxisAlignment.center,
        children: [
          CircleAvatar(
            backgroundImage: AssetImage("assets/images/1700.jpg"),
            radius: 25,
          ),
          SizedBox(width: 10,),
          Column(
            mainAxisAlignment: MainAxisAlignment.start,
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              Text("Test", style: TextStyle(color: Colors.white,fontSize: 17, fontWeight: FontWeight.bold),maxLines: 1,),
              SizedBox(height: 5,),
              Text("Testing the test. ", style: TextStyle(color: Colors.white,fontSize: 15),maxLines: 1,)

            ],
          ),
        ],
      ),
    ),
  ),
);

我尝试给出MainAxisSize最小值或最大值，但结果保持不变。是否有任何扑朔迷离的替代品（wrap_content或match_parent类似于本机android开发）

需要帮忙 ;_;

亚希帕尔瓦

我没有得到您真正想要的，但是我得到的是，
您可以将其包装在专栏中，这是实现此目的的简便方法

 child: Column (
     children:[
      Row(
        crossAxisAlignment: CrossAxisAlignment.center,
        children: [
          CircleAvatar(
            backgroundImage: AssetImage("assets/images/1700.jpg"),
            radius: 25,
          ),
          SizedBox(width: 10,),
          Column(
            mainAxisAlignment: MainAxisAlignment.start,
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              Text("Test", style: TextStyle(color: Colors.white,fontSize: 17, fontWeight: FontWeight.bold),maxLines: 1,),
              SizedBox(height: 5,),
              Text("Testing the test. ", style: TextStyle(color: Colors.white,fontSize: 15),maxLines: 1,)

            ],
          ),
        ],
      ),
    ]
  )

请告诉我结果

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。