如何在 Flutter 的腳手架主體中使用腳手架列表？

Question

首先，在我的應用程序中，當用戶繪制一些東西然后按下保存按鈕時，用戶用戶應該在他/她的手機上看到相同的繪圖，但比例更小，因為他/她可以繪制更多的繪圖並保存它們，我想在一個singleChildScrollView 中顯示所有這些。 我已經嘗試過了，但我遇到了人為錯誤。 我想在一個屏幕上顯示一個不同屏幕的網格，這樣每當用戶點擊其中一個屏幕時，屏幕就會完全展開到屏幕上。

 Builder(
        builder: (context) => Column(
          children: [
            Expanded(
              child: Container(
                padding: EdgeInsets.all(0),
                height: height,
                color: Colors.white,
                child: SingleChildScrollView(
                  child: Form(
                    key: formKey,
                    child: Column(
                      children: <Widget>[
/////////////////////////////////////////////////////////////////////////////////////////////////////
//This below is the code that I tried.
                        widget.drawModel != null
                            ? Transform.scale(
                                scale: 0.5,
                                child: Scaffold(
                                  body: Container(
                                    constraints: BoxConstraints(
                                      maxHeight:
                                          MediaQuery.of(context).size.height /
                                              2,
                                      maxWidth:
                                          MediaQuery.of(context).size.width / 2,
                                    ),
                                    child: CustomPaint(
                                      painter: Draw(
                                          points: widget
                                              .drawModel[
                                                  widget.drawModel.length - 1]
                                              .points),
                                    ),
                                  ),
                                ),
                              )
                            : SizedBox(height: 10),
///////////////////////////////////////////////////////////////////////////////////////////////////
                        images.length != 0
                            // List view for images
                            ? Column(
                                children: <Widget>[
                                  for (int i = 0; i < images.length; i++)
                                    Padding(
                                      padding: EdgeInsets.symmetric(
                                          horizontal: ImageColumnPad * width),
                                      child: Dismissible(
                                        key: ObjectKey(images[i]),
                                        onDismissed: (direction) {
                                          var item = images.elementAt(i);
                                          deleteItem(i);
                                          Scaffold.of(context).showSnackBar(
                                            SnackBar(
                                              shape: RoundedRectangleBorder(),
                                              content: Text("Item deleted",
                                                  style:
                                                      TextStyle(fontSize: 15)),
                                              action: SnackBarAction(
                                                label: "UNDO",
                                                onPressed: () {
                                                  undoDeletion(i, item);
                                                },
                                              ),
                                            ),
                                          );
                                        },
                                        child: GestureDetector(
                                          onTap: () => {
                                            //TODO: Implement delete function here
                                          },
                                          child: Center(
                                            child: Image.file(
                                              images[i],
                                              fit: BoxFit.contain,
                                            ),
                                          ),
                                        ),
                                      ),
                                    ),
                                ],
                              )
                            : SizedBox(height: 2),
                       ...
...
...

Answer 1

你可以用 Column 包裹身體。

@override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('First Route'),
      ),
      body: Scaffold(
        body: Center(
          child: RaisedButton(
            child: Text('Open route'),
            onPressed: () {},
          ),
        ),
      ),
    );
  }