微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

如何在 Flutter 中实现 staggered_grid_view 的 StaggeredTile.fit?

如何解决如何在 Flutter 中实现 staggered_grid_view 的 StaggeredTile.fit?

我想实现一个高度可变的网格视图。 此外,应调整其视图以匹配图像的高度。 所以,我觉得这个 Package 很好的实现了这个功能https://pub.dev/packages/flutter_staggered_grid_view

但是,我收到以下代码错误

class TestPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('test'),),body: const ContentsMixView(),);
  }
}

class ContentsMixView extends StatelessWidget {
  const ContentsMixView({Key key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return StaggeredGridView.countBuilder(
      crossAxisCount: 2,crossAxisspacing: 5,mainAxisspacing: 5,itemCount: 15,itemBuilder: (context,index) {
        return Container(
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.start,children: <Widget>[
              Image.network('https://images-na.ssl-images-amazon.com/images/I/51ZxU6FYLuL._SX315_BO1,204,203,200_.jpg'),Text('hello'),Text('\$100'),Text('_location'),],);
      },staggeredTileBuilder: (int index) => StaggeredTile.fit(1),);
  }
}

错误信息如下。

Updated layout information required for RenderIndexedSemantics#80e91 NEEDS-LAYOUT to calculate semantics.
'package:Flutter/src/rendering/object.dart':
Failed assertion: line 2647 pos 12: '!_needsLayout'

我试图用 Expanded Widget 包围 StaggeredGridView.countBuilder。但我不能。 请告诉我如何关闭错误

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。