颤振列布局

Question

我有一个包含两个 children 'text field and grid view' 的专栏，中间有一个巨大的 space，我无法摆脱它。

这是代码

SafeArea(
  child: Column(
    children: [
      Expanded(
        child: Container(
          constraints: BoxConstraints(
            minWidth: MediaQuery.of(context).size.width,
          ),
          child: TextField(
            readOnly: true,
          ),
        ),
      ),
      Expanded(
        child: GridView.count(
          padding: const EdgeInsets.all(10),
          crossAxisCount: 4,
          crossAxisSpacing: 10,
          mainAxisSpacing: 10,
          children: []

Answer 1

只需删除第一个 Expanded 小部件并保留其子项，即 Container

SafeArea(
child: Column(
    children: [
       Container(
          constraints: BoxConstraints(
            minWidth: MediaQuery.of(context).size.width,
          ),
          child: TextField(
            readOnly: true,
          ),
      ),
      Expanded(
        child: GridView.count(
          padding: const EdgeInsets.all(10),
          crossAxisCount: 4,
          crossAxisSpacing: 10,
          mainAxisSpacing: 10,
          children: []

颤振列布局

Flutter column layout

flutter

dart

flutter-layout