Android Flutter：我需要在正文中設置“SingleChildScrollView”？

Question

這是我的代碼，我需要在正文中設置SingleChildScrollView 。我想滾動整個屏幕。

 @override
 Widget build(BuildContext context) {

    return Scaffold(
      body: Form(
        key: _formKey,
        child: Container(
          child: Container(
            height: MediaQuery.of(context).size.height,
            width: MediaQuery.of(context).size.width,
            decoration: BoxDecoration(
                image: DecorationImage(
                    image: AssetImage("assets/images/login.jpg"),
                    fit: BoxFit.contain,
                    alignment: Alignment.topCenter)),
            child: SafeArea(
              child: Column(
                mainAxisAlignment: MainAxisAlignment.end,
                children: <Widget>[
                  SizedBox(height: 20),
                  Expanded(
                    child: Container(
                      padding: EdgeInsets.symmetric(horizontal: 40),
                      child: Row(
                        mainAxisAlignment: MainAxisAlignment.spaceBetween,
                        crossAxisAlignment: CrossAxisAlignment.start,
                        children: <Widget>[
                          IconButton(
                            icon: Icon(Icons.arrow_back,
                                color: Colors.white, size: 32),
                            onPressed: () {
                              Navigator.pop(context);
                            },
                          ),
                        ],
                      ),
                    ),
                  ),

Answer 1

您需要使用 singleChildScroll 視圖包裝您的 Form 小部件

像下面return Scaffold( body: SingleChildScrollView(child:Form( key: _formKey, child: Container( child: Container( height: MediaQuery.of(context).size.height, width: MediaQuery.of(context).size.width, decoration: BoxDecoration( image: DecorationImage( image: AssetImage("assets/images/login.jpg"), fit: BoxFit.contain, alignment: Alignment.topCenter)), child: SafeArea( child: Column( mainAxisAlignment: MainAxisAlignment.end, children: <Widget>[ SizedBox(height: 20), Expanded( child: Container( padding: EdgeInsets.symmetric(horizontal: 40), child: Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, crossAxisAlignment: CrossAxisAlignment.start, children: <Widget>[ IconButton( icon: Icon(Icons.arrow_back, color: Colors.white, size: 32), onPressed: () { Navigator.pop(context); }, ), ], ), ), ), )