Flutter：我想在屏幕上一起显示“网格视图”和其他小部件

Question

我能够使用 GridView 小部件在网格中显示子小部件，文本和 GridView 小部件等小部件在一个屏幕上一起显示如何显示？

例如

//sign_in_page.dart

class SignInPage extends StatelessWidget {

  void _signInAnonymously() async {
    final authResult=await FirebaseAuth.instance.signInAnonymously();

    print('${authResult.user.uid}');

  }

  @override
  Widget build(BuildContext context) {

    List<Widget> list1=[
      SizedBox(
        width:50.0,
        height:50.0,
        child:Container(
          color:Colors.blue,
        ),
      ),
      SizedBox(
        width:100.0,
        height:100.0,
        child:Container(
          color:Colors.red,
        ),
      ),
      SizedBox(
        width:100.0,
        height:100.0,
        child:Container(
          color:Colors.green,
        ),
      ),
      SizedBox(
        width:100.0,
        height:100.0,
        child:Container(
          color:Colors.yellow,
        ),
      ),
    ];

    return Scaffold(
      appBar: AppBar(
        title: Text('title'),
        elevation: 10.0,
      ),
      //body: buildContent(),
      body:Column(    //←This will give an error.
        children: [
          Text('Description of this GridView'),
          GridView.count(
              crossAxisCount: 3,
              children: list1
          ),
        ],
      ),
      backgroundColor: Colors.grey[300],
    );
  }

//main.dart

import 'package:flutter/material.dart';

import 'app/sign_in/sign_in_page.dart';
void main(){
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title:'title',
      theme:ThemeData(
        primarySwatch: Colors.indigo,
      ),
      home:SignInPage(),
    );
  }
}

我想显示文本和网格视图，

但是当我尝试使用上面的列小部件显示它时，

我收到一个错误。

在这种情况下是否有任何合适的小部件可以使用？

Answer 1

我想你应该用 Expanded() 包裹你的 GridView.count() 来指定高度，比如

Expanded(
 child: GridView.count()
)