IconButton


Un IconButton es una imagen impresa en un widget de material que reacciona a los toques rellenando con color (tinta).

IconButton(
          onPressed: (){
            /*código que se ejecuta al presionar IconButton*/ 
          },
          icon: Icon(Icons.favorite, color: Colors.red,)
        )
import 'package:flutter/material.dart';
import 'package:flutter/widgets.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(),
      debugShowCheckedModeBanner: false,
    );
  }
}

class MyHomePage extends StatefulWidget {
  MyHomePage({Key key}) : super(key: key);

  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage>
    with SingleTickerProviderStateMixin {
  TabController tabController;

  @override
  void initState() {
    tabController = TabController(length: 2, initialIndex: 0, vsync: this);
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Ejemplo IconButton'),
      ), 
      body: Center(
        child: IconButton(
          onPressed: (){
            /*código que se ejecuta al presionar IconButton*/ 
          },
          icon: Icon(Icons.favorite, color: Colors.red,)
        ),
      )
    );
  }
}

Un IconButton tiene un parametro llamado onPressed que se le asigna una función, en caso de que este parámetro no esté definido, el botón estará inactivo.

Un Widget simple de usar pero muy útil.

Hasta la próxima! 😀


Sobre Gustavo Zimbrón 107 Artículos
Apasionado por la programación y la tecnología, me gustan los retos y aprender siempre cosas nuevas.

Sé el primero en comentar

Dejar una contestacion

Tu dirección de correo electrónico no será publicada.


*