使用文本框作为按钮

Question

我正在尝试使用文本字段作为按钮，因此当有人点击它时，会将他带到另一个页面。 我尝试禁用文本字段，但随后无法使用onTap属性。但是，如果未禁用该文本字段，当我单击它时，它将获得编辑焦点，这是我不希望的。

任何人都可以帮忙的最简单方法是什么？

谢谢

Answer 1

您可以改用Flatbutton。只需将其放入您的代码中即可：

FlatButton(
  onPressed: () {
    /*...*/
  },
  child: Text(
    "Clickable text!",
  ),
)

或者使用GestureDetector：

GestureDetector(
  OnTap: () {...},
    child: TextField(
     // Text...
  ),
);

Answer 2

您可以用InkWell包装它，如下所示：

InkWell(
  onTap: () {

  },
  child: Container(
    padding: EdgeInsets.all(4.0),
    child: Text('Click me'),
  ),
);

Answer 3

您可以尝试以下操作。

GestureDetector(
  onTap: () {
   // redirect // nav to different screen
  },
  child: TextField(
    enabled: false
    ),
)

参考

• TextField
• GestureDetector

Answer 4

TextField(
  readOnly: true,
  onTap: () {
    // Do something
  },
);