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