如何让Flutter TextField占满整个屏幕？

我正在开发一款笔记应用，使用maxLines设为null的TextField，让文本可随内容无限扩展。当前遇到的问题是：TextField因尺寸限制，必须选中才能开始输入；我希望它能占满整个屏幕以提升易用性，但担心不同设备的尺寸差异会导致全屏适配失效。

当前使用的代码：

TextField(
                controller: _textController,
                style: const TextStyle(color: Colors.white),
                keyboardType: TextInputType.multiline,
                maxLines: null,
                decoration: const InputDecoration(
                  contentPadding:
                      EdgeInsets.symmetric(horizontal: 10, vertical: 10),
                  border: InputBorder.none,
                  hintText: "Start typing your note...",
                  hintStyle: TextStyle(color: Colors.white),
                ),
              );

要实现TextField全屏适配且无需选中即可输入，可通过以下几种方式处理：

• 用Expanded包裹TextField：如果TextField处于Column、Row等布局组件内，使用Expanded让它自动占据父组件的剩余可用空间，适配不同屏幕高度。
• 设置minLines属性：结合maxLines: null，给minLines设置一个合理值（比如根据布局需求设为1或更大的数），确保TextField初始有足够高度，无需点击选中就能输入。
• 通过MediaQuery动态获取屏幕尺寸：利用MediaQuery.of(context).size获取设备屏幕宽高，配合padding计算出扣除状态栏、导航栏后的可用区域，直接设置TextField的宽高。

示例代码1（结合Expanded和minLines） #

Expanded(
  child: TextField(
    controller: _textController,
    style: const TextStyle(color: Colors.white),
    keyboardType: TextInputType.multiline,
    maxLines: null,
    minLines: 1, // 可根据布局需求调整数值
    decoration: const InputDecoration(
      contentPadding: EdgeInsets.symmetric(horizontal: 10, vertical: 10),
      border: InputBorder.none,
      hintText: "Start typing your note...",
      hintStyle: TextStyle(color: Colors.white),
    ),
  ),
)

示例代码2（全屏适配） #

Container(
  width: MediaQuery.of(context).size.width,
  // 扣除状态栏和底部导航栏的高度，获取可用屏幕高度
  height: MediaQuery.of(context).size.height - 
          MediaQuery.of(context).padding.top - 
          MediaQuery.of(context).padding.bottom,
  child: TextField(
    controller: _textController,
    style: const TextStyle(color: Colors.white),
    keyboardType: TextInputType.multiline,
    maxLines: null,
    decoration: const InputDecoration(
      contentPadding: EdgeInsets.symmetric(horizontal: 10, vertical: 10),
      border: InputBorder.none,
      hintText: "Start typing your note...",
      hintStyle: TextStyle(color: Colors.white),
    ),
  ),
)

以上方案既能保证TextField初始占满屏幕可直接输入，又能通过maxLines: null实现内容无限扩展，同时适配不同设备的尺寸差异。

内容的提问来源于stack exchange，提问作者Sunken In Time