Как показать виджет при наведении курсора? - PullRequest
1 голос
/ 25 апреля 2020

есть ли способ сделать виджет (например, кнопку) видимым только при наведении курсора? Я хочу сделать способ показать кнопку редактирования на изображении, когда изображение наведено.

            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,
            ),
                ),
              ],
            ),

Спасибо.

1 Ответ

0 голосов
/ 25 апреля 2020

поместите этот код в ваш 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,
          ),
        ),
      ],
    );
  }
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...