小编sat*_*tya的帖子

如何在flutter中创建水平和垂直可滚动的小部件

示例布局图像

在此处输入图片说明

我正在尝试创建附加布局。它有两个容器。

  • 首先是一个固定大小的水平滚动框。
  • 其次是一张卡片,它占用剩余空间,里面有列表视图。

我怎样才能实现这种布局?

如您所见,两个容器的滚动方向不同。

代码一直工作到标签视图(第一个框),但是一旦我添加第二个框,即卡片,它就没有显示任何内容并且在控制台上出现错误,如下所示..

I/flutter ( 9412):   AnimatedDefaultTextStyle ? _InkFeatures-[GlobalKey#85877 ink renderer] ?
I/flutter ( 9412):   NotificationListener<LayoutChangedNotification> ? ?
I/flutter ( 9412):   parentData: offset=Offset(0.0, 0.0); flex=null; fit=null (can use size)
I/flutter ( 9412):   constraints: BoxConstraints(0.0<=w<=340.0, 0.0<=h<=Infinity)
I/flutter ( 9412):   size: MISSING
I/flutter ( 9412):   additionalConstraints: BoxConstraints(biggest)
I/flutter ( 9412): This RenderObject had the following descendants (showing up to depth 5):
I/flutter ( 9412):   RenderFlex#93e12 NEEDS-LAYOUT NEEDS-PAINT
I/flutter ( 9412):     RenderRepaintBoundary#977a7 NEEDS-LAYOUT NEEDS-PAINT
I/flutter ( 9412):       RenderCustomPaint#b6be8 NEEDS-LAYOUT …
Run Code Online (Sandbox Code Playgroud)

flutter flutter-layout

5
推荐指数
2
解决办法
1万
查看次数

标签 统计

flutter ×1

flutter-layout ×1