Flutter 中避免软键盘遮挡输入框的解决方案

在 Flutter 中，软键盘可能会遮挡输入框，影响用户体验。以下是一些解决方案，帮助您避免这一问题：

1. 使用 Scrollable 容器：将您的输入框放在 Scrollable 容器中，这样当软键盘弹出时，用户可以滚动屏幕以查看被遮挡的内容。

   import 'package:flutter/material.dart';
   void main() => runApp(MyApp());
   class MyApp extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
   return MaterialApp(
   home: Scaffold(
   appBar: AppBar(title: Text('Flutter Soft Keyboard Example')),
   body: Scrollable(
   child: Column(
   children: [
   TextFormField(
   decoration: InputDecoration(labelText: 'Username'),
   ),
   TextFormField(
   decoration: InputDecoration(labelText: 'Password'),
   ),
   ],
   ),
   ),
   ),
   );
   }
   }

2. 使用 Positioned.fill：在 Positioned 容器中使用 fill 属性，这样即使软键盘弹出，也不会遮挡输入框。

   import 'package:flutter/material.dart';
   void main() => runApp(MyApp());
   class MyApp extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
   return MaterialApp(
   home: Scaffold(
   appBar: AppBar(title: Text('Flutter Soft Keyboard Example')),
   body: Container(
   padding: EdgeInsets.all(16.0),
   child: Column(
   mainAxisAlignment: MainAxisAlignment.center,
   children: [
   Positioned(
   top: 0.0,
   bottom: 0.0,
   left: 0.0,
   right: 0.0,
   child: TextFormField(
   decoration: InputDecoration(labelText: 'Username'),
   ),
   ),
   Positioned(
   top: 0.0,
   bottom: 0.0,
   left: 0.0,
   right: 0.0,
   child: TextFormField(
   decoration: InputDecoration(labelText: 'Password'),
   ),
   ),
   ],
   ),
   ),
   ),
   );
   }
   }