列表视图中的堆栈抖动无限高度

Question

我想在图像和页面的其余部分之间放置卡片

所以我在listview builder中使用了stack，但没有给出预期的结果

我想要什么

我得到什么=> https://i.stack.imgur.com/Oxy41.jpg

ListView.builder(
      itemCount: 1,
      itemBuilder: (context, i) {
        return Stack(
          children: <Widget>[
            first(_listviewurl, _listViewData[0], _listviewwe9t),
            Container(
              padding: EdgeInsets.all(40),
              child: Text(
                "News",
                style: TextStyle(
                    color: Colors.white,
                    fontWeight: FontWeight.bold,
                    fontSize: 32),
              ),
            ),
        Positioned(
        width: MediaQuery.of(context).size.width / 2.5,
        height: MediaQuery.of(context).size.height / 5,
        left: MediaQuery.of(context).size.width / 9,
        top: MediaQuery.of(context).size.height / 1.9,
        child: Card(
          semanticContainer: true,
          clipBehavior: Clip.antiAliasWithSaveLayer,
          shape: RoundedRectangleBorder(
            borderRadius: BorderRadius.circular(20),
          ),
          child: Image.asset(
            "images/img1.jpg",
            fit: BoxFit.fill,
          ),
        ),
      ),
          ],
        );
      },
    ),

Answer 1

由于您的卡片在列表视图中，并且列表视图的高度与第一个小部件相同，因此您可以将Container添加为Stack小部件的父小部件并为其设置高度：

Container(
  child: Stack(...)
)