Question

我正在开发Flutter应用程序，其中将Image水平放置在网格视图的顶部。但是默认情况下，网格视图会进行滚动，并且图像是固定的，当移动设备为potrait模式时，图像不会出现问题。但是，当设备以ladscape模式旋转时，由于固定图像占据了所有屏幕空间，因此我无法在横向模式下滚动网格视图。如何将我的Horizontal Image和GridView放在ScrollView中，以便它们都可以在任何方向上轻松滚动。注意：我使用过SingleChildScrollView，但不适用于他们。

这是我的代码：

Container(
child: Column(
  children: <Widget>[
  new Image.asset('assets/teamicon.jpg'),
  Expanded(
     child: GridView.count(
     crossAxisCount: 3,
     padding: EdgeInsets.all(8.0),
      // crossAxisSpacing: 5.0,
      // mainAxisSpacing: 5.0,
     children: List.generate(homeicon.length, (index) { 
      return Card(
        shape: RoundedRectangleBorder(
        borderRadius: BorderRadius.circular(15.0),
),
color: Colors.white,
child: InkWell(
onTap: () {
},
child: Center(
        child: Column(
          mainAxisSize: MainAxisSize.min,
          crossAxisAlignment: CrossAxisAlignment.center,
          children: <Widget>[
          Container(
            child: Image.asset(
            homeicon[index].icon,
            height: 50),
            padding: EdgeInsets.fromLTRB(
          0, 0, 0, 10)),
Flexible(child: Text(AppLocalizations.of(context)
.tr(homeicon[index].title), style: TextStyle(fontSize: 12),textAlign: TextAlign.center,))
,
     ]),
    )));
 }))),
 ],
 ),
)

如何在Flutter中将Image和GridView放入ScrollView中？

0 个答案: