RichText-ის გამოყენება 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 ვიჯეტებით, რათა მიაღწიოთ სასურველ ვიზუალურ ეფექტებს თქვენს აპლიკაციაში.