Flutter 如何使用flatter在悬停时显示小部件?

Flutter 如何使用flatter在悬停时显示小部件?,flutter,Flutter,有没有办法让小部件(例如按钮)只在悬停时可见? 我想做一种方式,显示编辑按钮的图像上刚刚当图像是悬停 Stack( children: <Widget>[ Image.asset( 'assets/profileimg/empty.jpg', width: 110.0, height: 110.

有没有办法让小部件(例如按钮)只在悬停时可见? 我想做一种方式,显示编辑按钮的图像上刚刚当图像是悬停

            Stack(
              children: <Widget>[
                Image.asset(
                  'assets/profileimg/empty.jpg',
                  width: 110.0,
                  height: 110.0,
                ),
                Positioned(
                  bottom: -2,
                  left: 5,
                  child: RaisedButton(

              child: Text('Edit...'),
              onPressed: null,
            ),
                ),
              ],
            ),
堆栈(
儿童:[
影像资产(
“assets/profileimg/empty.jpg”,
宽度:110.0,
高度:110.0,
),
定位(
底部:-2,
左:5,,
孩子:升起按钮(
子项:文本('Edit…'),
onPressed:null,
),
),
],
),

谢谢。

将此代码放在您的
StatefulWidget
小部件中:

  bool showEditButton = false;

  Widget build(BuildContext context){
    return Stack(
      children: <Widget>[
        InkWell(
          onTap: ()=>setState(()=>showEditButton = true),
          child: Image.asset(
            'assets/profileimg/empty.jpg',
            width: 110.0,
            height: 110.0,
          ),
        ),
        if(showEditButton)
        Positioned(
          bottom: -2,
          left: 5,
          child: RaisedButton(

            child: Text('Edit...'),
            onPressed: null,
          ),
        ),
      ],
    );
  }
bool showEditButton=false;
小部件构建(构建上下文){
返回堆栈(
儿童:[
墨水池(
onTap:()=>setState(()=>showEditButton=true),
子:Image.asset(
“assets/profileimg/empty.jpg”,
宽度:110.0,
高度:110.0,
),
),
如果(显示编辑按钮)
定位(
底部:-2,
左:5,,
孩子:升起按钮(
子项:文本('Edit…'),
onPressed:null,
),
),
],
);
}

将此代码放在您的
StatefulWidget
小部件中:

  bool showEditButton = false;

  Widget build(BuildContext context){
    return Stack(
      children: <Widget>[
        InkWell(
          onTap: ()=>setState(()=>showEditButton = true),
          child: Image.asset(
            'assets/profileimg/empty.jpg',
            width: 110.0,
            height: 110.0,
          ),
        ),
        if(showEditButton)
        Positioned(
          bottom: -2,
          left: 5,
          child: RaisedButton(

            child: Text('Edit...'),
            onPressed: null,
          ),
        ),
      ],
    );
  }
bool showEditButton=false;
小部件构建(构建上下文){
返回堆栈(
儿童:[
墨水池(
onTap:()=>setState(()=>showEditButton=true),
子:Image.asset(
“assets/profileimg/empty.jpg”,
宽度:110.0,
高度:110.0,
),
),
如果(显示编辑按钮)
定位(
底部:-2,
左:5,,
孩子:升起按钮(
子项:文本('Edit…'),
onPressed:null,
),
),
],
);
}

您所说的悬停是指例如用户触摸并将其向左或向右拖动时?是的,对不起。触摸图像。所谓悬停,您的意思是当用户触摸图像并将其向左或向右拖动时?是的,对不起。触摸图像。