美文网首页
Flutter的Text的点击

Flutter的Text的点击

作者: 圈圈猫 | 来源:发表于2020-04-04 21:51 被阅读0次

    新手刚入手Flutter,此前一直没去搞得原因是项目太忙了,公司事一堆就不说了,趁着疫情期间项目比较不那么忙的时候开始复习,然后也开始研究下这些新的玩意了,今天清明节,本来是拜祖先的日子,疫情影响未能回去孝敬,于是就安装好Flutter的环境开始撸,今天遇到挺多的坑的,这个在Android中的TextView,在Fluttet叫Text,居然没有点击事件,让我很尴尬,找了半天,都找到源码去了,网上搜下,发现是用手势的方式(GestureDetector)
    现在来看看怎玩的

    1、开始新建一个页面

    class Mine extends StatelessWidget{
      @override
      Widget build(BuildContext context) {
        return Scaffold(
          appBar: AppBar(
            title: Text('Mine  Page'),
          ),
          body: new Column(
            children: <Widget>[
              new Container(
                child: GestureDetector(
                  child: Text('娃哈哈'),
                  onTap:(){
                    Navigator.push(context, MaterialPageRoute(builder: (context) =>ListImage()));
                  }
                ),
              )
            ],
          )
        );
      }
    }
    

    上面的Text就是通过手势的方式,调用手势的onTap,方法来点击跳转的。记录下,目前还没用到flutter,到时候忘记或者复习用的上。

    相关文章

      网友评论

          本文标题:Flutter的Text的点击

          本文链接:https://www.haomeiwen.com/subject/vxgsphtx.html