将无状态小部件转换为有状态

Question

我有一个问题，我下载了一个“模板”，可以在多张图片（图库）之间浏览，这些图片是无状态的。现在，我想将小部件更改为“有状态”，因此可以在其上放置一个“喜欢”按钮。我已经有一个按钮了，但是它没有注册/做任何事情，因为它是无状态的。我已经尝试过将“ alt + enter”->用我的ide转换为有状态的小部件，但这没有使按钮起作用。

name

Answer 1

要使按钮执行某项操作，必须向其添加一个点击动作。为此，您可以使用InkWell或GestureDetector小部件对其进行包装，如下所示：

InkWell(
    onTap: () {
      // your action here
      print('clicked');
    },
    child: Container(
      padding: EdgeInsets.symmetric(horizontal: 22.0, vertical: 6.0),
      decoration: BoxDecoration(color: Colors.blueAccent, borderRadius: BorderRadius.circular(20.0)),
      child: Text("Like", style: TextStyle(color: Colors.white)),
    ),
),