Comment ajouter une bordure à un widget dans Flutter ?

Question

J'utilise Flutter et j'aimerais ajouter une bordure à un widget (dans ce cas, une Text widget).

J'ai essayé TextStyle y Text mais je n'ai pas vu comment ajouter une bordure.

Answer 1

L'utilisation de BoxDecoration() est la meilleure façon d'afficher une bordure.

Container(
  decoration: BoxDecoration(
    border: Border.all(
    color: Color(0xff000000),
    width: 4,
  )),
  child: // Your child widget
),

Vous pouvez également afficher le format complet aquí .

Answer 2

Vous pouvez utiliser Container pour contenir votre widget :

Container(
  decoration: BoxDecoration(
    border: Border.all(
    color: Color(0xff000000),
    width: 1,
  )),
  child: Text()
),

Answer 3

Utilisez un récipient avec Boxdercoration.

 BoxDecoration(
    border: Border.all(
      width: 3.0
    ),
    borderRadius: BorderRadius.circular(10.0)
  );

Answer 4

Au cas où quelqu'un souhaiterait un texte souligné/bordé ou appliquer des bordures multiples.

Vous pouvez essayer ceci :

https://pub.dev/packages/outlined_text

DEMO

Answer 5

Si vous voulez ajouter une bordure à un texte du conteneur, vous pouvez facilement le faire en appliquant BoxDecoration au conteneur.

code :

Container(
  decoration: BoxDecoration(
    border: Border.all(
      color: Colors.redAccent,
      width: 1,
    ),
  ),
  child: Text('Some Text'),
);