Comment vous faites un OutlinedButton Circle?

Flutter
1

Hello la communauté !

La question est dans le titre, comment vous faites un OutlinedButton mais rond avec un Icon sans text/label ?
Je trouve des solutions mais vraiment pas propre et j’aimerai faire appel à vos différents points de vues et solutions ! :slight_smile:

2

Pourquoi ne fais-tu pas un FAB, alors ? Je ne sais pas bien ce que tu veux faire, mais est-ce que ça ne pourrait pas correspondre ?

3

Parce que c’est pour mettre dans une Row et non sur les bords de mon écran :slight_smile: Et je crois pas qu’on puisse le mettre en Outline en plus.
Et puis le FAB est un bouton en position fixe sur un écran, c’est pas du tout ce que je veux ^^

4

J’ai trouvé la solution, la plus simple je pense (en tout cas meilleurs que beaucoup d’horreur que j’ai pu voir ^^)

OutlinedButton(
  onPressed: () {},
  style: OutlinedButton.styleFrom(
    backgroundColor: Colors.green,
    foregroundColor: Colors.white,
    shape: const CircleBorder(),
  ),
  child: const Icon(
    Icons.check_rounded,
    size: 22,
  ),
);

J’ai appris du coup qu’on pouvait mettre un shape sur un OutlinedButton grâce à son .styleFrom.
Bon à savoir :slight_smile:

1 « J'aime »