Χρήση εμπλουτισμένου κειμένου σε Flutter: Οδηγός και παραδείγματα

Το In Flutter, RichText είναι ένα γραφικό στοιχείο που σας επιτρέπει να δημιουργείτε κείμενο με διαφορετικά στυλ και μορφοποίηση μέσα σε ένα γραφικό στοιχείο κειμένου. Μπορείτε να χρησιμοποιήσετε πολλά TextSpan γραφικά στοιχεία για να ορίσετε διαφορετικά τμήματα του κειμένου με διαφορετικά στυλ.

Ακολουθεί ένα παράδειγμα για τον τρόπο χρήσης RichText:

import 'package:flutter/material.dart';  
  
void main() {  
  runApp(MyApp());  
}  
  
class MyApp extends StatelessWidget {  
  @override  
  Widget build(BuildContext context) {  
    return MaterialApp(  
      home: MyHomePage(),  
   );  
  }  
}  
  
class MyHomePage extends StatelessWidget {  
  @override  
  Widget build(BuildContext context) {  
    return Scaffold(  
      appBar: AppBar(  
        title: Text('RichText Example'),  
     ),  
      body: Center(  
        child: RichText(  
          text: TextSpan(  
            text: 'Hello ',  
            style: DefaultTextStyle.of(context).style,  
            children: <TextSpan>[  
              TextSpan(  
                text: 'Flutter',  
                style: TextStyle(  
                  fontWeight: FontWeight.bold,  
                  color: Colors.blue,  
               ),  
             ),  
              TextSpan(text: ' is amazing!'),  
            ],  
         ),  
       ),  
     ),  
   );  
  }  
}  

Σε αυτό το παράδειγμα, το RichText γραφικό στοιχείο χρησιμοποιείται για τη δημιουργία κειμένου με διαφορετικά στυλ. Τα TextSpan γραφικά στοιχεία χρησιμοποιούνται ως παιδιά για να ορίσουν τα διάφορα τμήματα του κειμένου με διαφορετικά στυλ.

• Το πρώτο TextSpan διαμορφώνεται χρησιμοποιώντας το προεπιλεγμένο στυλ κειμένου του περιβάλλοντος(σε αυτήν την περίπτωση, κληρονομεί το προεπιλεγμένο στυλ του AppBar).
• Το δεύτερο TextSpan εφαρμόζει μια έντονη βαρύτητα γραμματοσειράς και μπλε χρώμα στη λέξη " Flutter."
• Ο τρίτος TextSpan απλώς προσθέτει το κείμενο "είναι καταπληκτικό!" στο τέλος.

Μπορείτε να προσαρμόσετε τη μορφοποίηση, τις γραμματοσειρές, τα χρώματα και άλλα στυλ στο καθένα TextSpan ανάλογα με τις ανάγκες.

Το RichText γραφικό στοιχείο είναι ιδιαίτερα χρήσιμο όταν χρειάζεται να εφαρμόσετε διαφορετικά στυλ σε διαφορετικά τμήματα του κειμένου σας, όπως όταν εμφανίζετε μορφοποιημένο περιεχόμενο ή δίνετε έμφαση σε συγκεκριμένες λέξεις ή φράσεις.

Μη διστάσετε να πειραματιστείτε με διαφορετικά στυλ και ένθετα TextSpan γραφικά στοιχεία για να επιτύχετε τα επιθυμητά οπτικά εφέ στην εφαρμογή σας.