专栏首页李蔚蓬的专栏Flutter | 常用带事件处理的组件详解(主要IconButton 、ToggleButton)

Flutter | 常用带事件处理的组件详解(主要IconButton 、ToggleButton)

常用带事件处理的组件

  • FloatingActionButton
  • RaisedButton
  • IconButton
  • ToggleButton Flutter 1.9 新推出的一个组件;

IconButton 案例

icon:icon组件,可以用原生的封装; onPressed:匿名函数,实现的点击事件; 代码:

IconButton(
              icon: Icon(Icons.description),
              onPressed: () {
                print('点击了icon  $index');
              },
            )

运行效果:

点击Icon图标:

ToggleButton 案例

代码:

List<bool> indexs = [true,false,false];
---------------------------------------------------------------------
ToggleButtons(
        children: [
          Text('Data1'),
          Text('Data2'),
          Text('Data3'),
        ],
        isSelected: indexs,
        onPressed: (int index){
          int count = 0;

          print('点击了: $index');

          //每次点击 遍历indexs数组,点击的页面设置为true,其他页面设置false
          setState(() {
            for(int buttonIndex =0;buttonIndex < indexs.length;buttonIndex++) {
              if(buttonIndex == index) {
                indexs[buttonIndex] = true;
              }else{
                indexs[buttonIndex] = false;
              }
            }
          });
        },
      )

运行效果:


参考自CSDN的Flutter入门课程

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Android网络 | URL和URLConnection详解及其实战案例

    凌川江雪
  • PHP | 常量 知识梳理与运用详析

    自定义常量是根据我们开发的需要而定义的常量,通过使用PHP中的函数define()定义。

    凌川江雪
  • 10.1.5 布局优化利器之 Hierarchy Viewer

    无论是哪本讲解布局优化的参考书,它们都不得不提到Hierarchy Viewer。不过,通常情况下,Hierarchy( 英['haɪərɑːkɪ])Viewe...

    凌川江雪
  • 【春节特辑】神奇的二进制

    有 1000 个一模一样的瓶子,其中有 999 瓶是普通的水,有 1 瓶是毒药。任何喝下毒药的生物都会在一星期之后死亡。现在,你只有 10 只小白鼠和一星期的时...

    五分钟学算法
  • docker 安装ubuntu

    1. 在https://hub.docker.com 注册,搜索想要的Linux系统,这里搜ubuntu.

    用户2146693
  • SonarQube检测出的bug、漏洞以及异味的修复整理

    上面的这种bug在项目中很常见,参数都用new Object[]{}封装起来。特别是从class文件反编译回来成的java文件格式也是这样的。但是如果要消除...

    chenchenchen
  • Vue之ElementUI的默认ICON图标

    我们的Vue前端一般都是用的ElementUI,其中按钮可能用到的比较多,官方里面有自带的一些默认图标,在这里记录下来,用于我们以后方便查找。

    Vaccae
  • 深度学习Tensorflow生产环境部署(上·环境准备篇)

    TensorFlow Serving是google提供的一种生产环境部署方案,一般来说在做算法训练后,都会导出一个模型,在应用中直接使用。

    用户1154259
  • 如何用Deeplearning4j实现GAN

      1、求解一个Discriminator,可以最大尺度的丈量Generator 产生的数据和真实数据之间的分布距离

    不会飞的小鸟
  • mix ( AI , art )=GANism 艺术家会被人工智能取代吗?

    美国画家,抽象表现主义绘画大师,也被公认为是美国现代绘画摆脱欧洲标准,在国际艺坛建立领导地位的第一功臣。

    mixlab

扫码关注云+社区

领取腾讯云代金券