Question

我试图在我的绘画应用程序的顶部应用程序栏下添加一个TextField，但我不知道如何做。我尝试在线寻找soltotoins，但没有找到任何...

@override
  Widget build(BuildContext context)
  {
    return Scaffold(
      appBar: new AppBar(title: new Center(child: new Text("Draw 1102 - Beta Version", textAlign: TextAlign.center))),
      body: 
      Column(children: <Widget>[ TextField() ],),  // Does not work
      Container( 
        child: GestureDetector(
          onPanUpdate: (DragUpdateDetails details)
          {
            setState(()
            {
              RenderBox _object = context.findRenderObject();
              //More code...
            });
          },

Answer 1

您可以将PreferredSize Widget用作AppBars bottom属性。 PreferredSize小部件也有一个孩子，您可以在其中放置TextField。

您只需要手动为PreferredSize找到合适的height。

Answer 2

我得到的应用栏：- https://i.stack.imgur.com/JwYEM.jpg

String message = "[{}] [{}] - This is a message from {} to {}"

如何在Flutter中的Appbar下添加Textfield

2 个答案: