Brug af TextSpan i Flutter: Vejledning og eksempler

Ved at bruge TextSpan i Flutter kan du oprette rig tekst ved at anvende forskellige formateringsattributter til forskellige dele af teksten. Det giver dig mulighed for at oprette tekst med forskellige stilarter, farver, skrifttyper og mere. TextSpan bruges i både Text og RichText widgets for at opnå rigt formateret tekst.

Her er et eksempel på, hvordan du bruger TextSpan widgetten Text:

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('TextSpan Example'),  
     ),  
      body: Center(  
        child: Text.rich(  
          TextSpan(  
            text: 'Hello ',  
            style: TextStyle(fontSize: 20),  
            children: [  
              TextSpan(  
                text: 'Flutter',  
                style: TextStyle(  
                  fontWeight: FontWeight.bold,  
                  color: Colors.blue,  
               ),  
             ),  
              TextSpan(text: '!'),  
            ],  
         ),  
       ),  
     ),  
   );  
  }  
}  

I dette eksempel bruger vi Text.rich til at oprette en Text widget med en TextSpan. TextSpan gør det muligt for os at oprette flere forskellige tekstspænder i en Text widget, hver med sine egne stilegenskaber såsom skrifttype, farve og formatering.

TextSpan kan også bruges i widget'en RichText for at opnå mere avancerede tekstformateringsmuligheder. Du kan frit oprette og kombinere flere TextSpan forekomster for at lave rigt formateret tekst efter ønske.

Jeg håber, at dette eksempel hjælper dig med at forstå, hvordan du bruger TextSpan i Flutter.