Categorías
Dart Dev Flutter

Cómo hacer un botón circular con ícono y texto en la mitad en flutter

Como ningún bendito tutorial oficial y no oficial me sirvió para nada, aquí les dejo esta obra de arte:

SizedBox.fromSize(
  size: Size(56, 56), // button width and height
  child: ClipOval(
    child: Material(
      color: Colors.green, // button color
      child: InkWell(
        splashColor: Colors.lightGreen, // splash color
        onTap: () {}, // button pressed
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Icon(Icons.call, color: Colors.white), // icon
            Text("Call"), // text
          ],
        ),
      ),
    ),
  ),
)

Deja una respuesta