« Formatting Function » dans un composant Text

Dans ce tutoriel, découvrez comment appliquer une « Formatting Function » sur votre composant de type « Text » après avoir utilisé la méthode du « Data Binding »

Contexte : Vous avez mis en place un « Data Binding » sur un composant de type « Text » et souhaitez le mettre en forme.

Formatter Function

  • Allez dans les propriétés de votre composant « Text » où vous avez assigné un « Data Binding », et ajoutez une « Formatter Function »

  • Nommez cette « Formatter Function »

  •  Vous devez à présent remplir le contenu de cette fonction

 

  •   Voici le résultat :

 

Aller plus loin…

Voici un autre exemple, dans lequel nous allons appliquer une propriété « style » à ce même texte

  • Procédez de la même manière que vue précédemment, mais cette fois ci, sur le « style » du composant « Text »

 

  • Nous allons appliquer une forme conditionnelle pour la valeur récupéré avec le « Data Binding » de la propriété « Text » du composant.

 

  • Voici le résultat :

Vous savez maintenant utiliser la « Formatter Function » au sein de Design Studio.

Merci d’avoir suivi ce tutoriel

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

*