Flutter：將textField放在腳手架的底部

這讓我很頭疼，我只是想在螢屏底部放置一個文本欄位。我有以下代碼，試圖將其包裝在 Positioned 中：

return Scaffold(

              //set a textField to add a reply

              appBar: TopAppBar(title: 'bruh'),
              body: SingleChildScrollView(
                controller: _scrollController,
                child: Column(
                  children: [
                    FocalWaveTile(
                      wave: widget.waveTile.wave,
                      user: profileState.user,
                      poster: widget.waveTile.poster,
                    ),
                    ListView.builder(
                      shrinkWrap: true,
                      itemCount: waves.length,
                      itemBuilder: (BuildContext context, int index) {
                        
                      },
                    ),
                    //poisition on the bottom
                    Positioned(
                      bottom: MediaQuery.of(context).viewInsets.bottom,
                      child: Container(
                        height: 50,
                        width: MediaQuery.of(context).size.width,
                        color: Colors.white,
                        child: Row(
                          children: [
                            Expanded(
                              child: Container(
                                margin: EdgeInsets.only(left: 10),
                                child: TextField(
                                  decoration: InputDecoration(
                                      hintText: 'Reply to this wave'),
                                  onChanged: (value) {
                                    if (value.length > 0) {
                                      setState(() {
                                        isTyping = true;
                                      });
                                    } else {
                                      setState(() {
                                        isTyping = false;
                                      });
                                    }
                                  },
                                ),
                              ),
                            ),
                          ],
                        ),
                      ),
                    )
                  ],
                ),
              ));

它看起來像這樣：

知道我做錯了什么嗎？我嘗試了一些東西，比如底部導航欄和添加一個墊片，但這些都沒有按照我想要的方式作業。謝謝！

uj5u.com熱心網友回復：

嘗試這個：

 return Scaffold(
  //set a textField to add a reply

  appBar: TopAppBar(title: 'bruh'),
  body: Stack(
    children: [
      SingleChildScrollView(
        controller: _scrollController,
        child: Column(
          children: [
            FocalWaveTile(
              wave: widget.waveTile.wave,
              user: profileState.user,
              poster: widget.waveTile.poster,
            ),
            ListView.builder(
              shrinkWrap: true,
              itemCount: waves.length,
              itemBuilder: (BuildContext context, int index) {},
            ),
            //poisition on the bottom
          ],
        ),
      ),
      Positioned(
        bottom: MediaQuery.of(context).viewInsets.bottom,
        child: Container(
          height: 50,
          width: MediaQuery.of(context).size.width,
          color: Colors.white,
          child: Row(
            children: [
              Expanded(
                child: Container(
                  margin: EdgeInsets.only(left: 10),
                  child: TextField(
                    decoration:
                        InputDecoration(hintText: 'Reply to this wave'),
                    onChanged: (value) {
                      if (value.length > 0) {
                        setState(() {
                          isTyping = true;
                        });
                      } else {
                        setState(() {
                          isTyping = false;
                        });
                      }
                    },
                  ),
                ),
              ),
            ],
          ),
        ),
      )
    ],
  ),
);

uj5u.com熱心網友回復：

你可以使用bottomNavigationBar 從Scaffold。

Scaffold(
  bottomNavigationBar: TextFormField(),

uj5u.com熱心網友回復：

感謝大家的幫助，但由于某種原因，只需將 singleChildScrollView 替換為 Listview 即可解決

標籤：扑用户界面小部件

上一篇：在Pyqt5中將MainWindow置于最前面

下一篇：如何在閃亮的應用程式用戶界面中制作一個盒子