flutter - 如何在单击文本字段时强制屏幕向下滚动？

Question

我有这段代码，当我点击文本字段时，它确实出现在键盘上方的屏幕中间，但它非常紧密地贴合在那里，它下面的文本没有出现。我怎样才能做到这一点，当我点击文本字段时，滚动足以显示它下面的文本？

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {


  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: SingleChildScrollView(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.end,
            children: <Widget>[
              SizedBox(height: 600,),
              TextField(
              ),
              SizedBox(height: 30,),
              Text("I want this text to appear ")
            ],
          ),
        ),
      ),
    );
  }
}

Answer 1

对此没有确切的解决方案，但是您可以使用 ScrollController 滚动 SingleChildScrollView 中的其余区域

ScrollController _scrollController = ScrollController();

@override
Widget build(BuildContext context) {
  return Scaffold(
    body: SingleChildScrollView(
      controller: _scrollController,
      child: Column(
        children: <Widget>[
          SizedBox(height: 600),
          TextField(
            onTap: () {
              Timer(Duration(milliseconds: 200), () {
                _scrollController.jumpTo(_scrollController.position.maxScrollExtent);
              });
            },
          ),
          SizedBox(height: 30),
          Text("I want this text to appear "),
        ],
      ),
    ),
  );
}.