TextSpan-ის გამოყენება Flutter: გზამკვლევი და მაგალითები

TextSpan in-ის გამოყენებით Flutter, შეგიძლიათ შექმნათ მდიდარი ტექსტი ტექსტის სხვადასხვა ნაწილზე სხვადასხვა ფორმატირების ატრიბუტების გამოყენებით. ის საშუალებას გაძლევთ შექმნათ ტექსტი სხვადასხვა სტილის, ფერების, შრიფტებისა და სხვა. TextSpan გამოიყენება როგორც ვიჯეტებში, Text ასევე RichText ვიჯეტებში მდიდრულად ფორმატირებული ტექსტის მისაღწევად.

აქ არის მაგალითი იმისა, თუ როგორ გამოიყენოთ ვიჯეტის TextSpan შიგნით 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: '!'),  
            ],  
         ),  
       ),  
     ),  
   );  
  }  
}  

ამ მაგალითში ვიჯეტის Text.rich შესაქმნელად ვიყენებთ. საშუალებას გვაძლევს შევქმნათ მრავალი განსხვავებული ტექსტი ვიჯეტის ფარგლებში, თითოეულს აქვს საკუთარი სტილის ატრიბუტები, როგორიცაა შრიფტი, ფერი და ფორმატირება. Text TextSpan TextSpan Text

TextSpan ასევე შეიძლება გამოყენებულ იქნას RichText ვიჯეტის ფარგლებში ტექსტის ფორმატირების უფრო გაფართოებული შესაძლებლობების მისაღწევად. თქვენ თავისუფლად შეგიძლიათ შექმნათ და დააკავშიროთ მრავალი TextSpan მაგალითი, რათა შექმნათ მდიდრულად ფორმატირებული ტექსტი, როგორც გსურთ.

იმედი მაქვს, რომ ეს მაგალითი დაგეხმარებათ გაიგოთ, თუ როგორ გამოიყენოთ TextSpan იგი Flutter.