Comment afficher l'icône dans le widget texte en flutter ?

Question

Je veux afficher une icône dans le widget texte. Comment puis-je faire cela ?

Le code suivant ne montre que le IconData

 Text("Click ${Icons.add} to add");

Answer 1

Flutter a WidgetSpan() pour ajouter un widget à l'intérieur du RichText() .

Exemple d'utilisation :

 RichText(
  text: TextSpan(
    children: [
      TextSpan(
        text: "Click ",
      ),
      WidgetSpan(
        child: Icon(Icons.add, size: 14),
      ),
      TextSpan(
        text: " to add",
      ),
    ],
  ),
)

Le code ci-dessus produira :

Vous pouvez traiter l'enfant de WidgetSpan comme le widget habituel.

Answer 2

Essayez Wrap :

 Wrap(
  crossAxisAlignment: WrapCrossAlignment.center,
  children: [
    Text('Click'),
    Icon(Icons.add),
    Text('to add'),
  ],
)

Answer 3

Row Widget peut être une solution à ce problème, mais vous devez utiliser différents widgets pour y arriver.

Suivez l'exemple ci-dessous.

 Row(
   children: <Widget>[
     Text("Hi"),
     Icon(Icons.add),
     Text("Hello")
   ]
 )