Flutter ramka uchun qo'llanma 1-bob. Flutterga kirish Flutter nima. O'rnatish

RichText

RichText vidjeti matnni turli uslublar bilan ko‘rsatish imkonini beradi. Bunga RichTextdagi har bir alohida matn boʻlagi uslubni sozlashingiz mumkin boʻlgan TextSpan obyektini ifodalash orqali erishiladi.

RichText yaratish uchun quyidagi konstruktordan foydalaniladi:

1 2 3

RichText({Key key, @required InlineSpan text, TextAlign textAlign: TextAlign.start, TextDirection textDirection, bool softWrap: true, TextOverflow overflow: TextOverflow.clip, double textScaleFactor: 1.0, int maxLines, Locale locale, StrutStyle strutStyle, TextWidthBasis textWidthBasis: TextWidthBasis.parent, TextHeightBehavior textHeightBehavior})

Konstruktor parametrlarining aksariyati Text sinfi uchun konstruktor parametrlari bilan bir xil. Shunga ko'ra, biz ularni Matn vidjetini yaratish va sozlashda bo'lgani kabi ishlatishimiz mumkin. Keling, faqat bir-biridan farq qiladigan parametrlarni ko'rib chiqaylik.

Avvalo, matn InlineSpan obyektini ifodalovchi matn parametri yordamida aniqlanadi. Aslida, qoida tariqasida, ushbu parametr TextSpan sinfining ob'ekti (InlineSpan-dan meros bo'lib qolgan) tomonidan uzatiladi. Aslini olganda, TextSpan matnning bir qismidir.

TextSpan yaratish uchun quyidagi konstruktordan foydalaniladi:

1
TextSpan({String text, List children, TextStyle style, GestureRecognizer recognizer, String semanticsLabel})

Birinchi parametr, matn, ob'ektning haqiqiy matnini ifodalaydi. Bundan tashqari, siz bolalar parametri yordamida qo'shimcha InlineSpan ob'ektlarini (jumladan, TextSpan ob'ektlarini) joylashtirishingiz mumkin, ular matnni ham o'z ichiga olishi mumkin. Uchinchi parametr, uslub, matn uchun muayyan uslubni o'rnatish imkonini beradi.

Eng oddiy RichTextni ko'rib chiqing:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

import 'package:flutter/material.dart'; void main() { runApp(Container( padding: EdgeInsets.only(top:25, left:10, right:10), color: Colors.teal, child: RichText( textDirection: TextDirection.ltr, text: TextSpan( text: "Hello Flutter", style: TextStyle(fontSize: 20), children: [ TextSpan(text: " from ", style: TextStyle(color: Colors.red)), TextSpan(text: "Metanit.com", style: TextStyle(fontWeight: FontWeight.bold)), ], ) ) ) ); }

Bunday holda, RichText-dagi barcha matn ichki TextSpan vidjetida inkapsullangan bo'lib, u o'z navbatida TextSpan ob'ektini ham o'z ichiga oladi. Darhaqiqat, ikkala TextSpan-ning matni asosiy TextSpan matniga oddiygina qo'shiladi.

Shuni yodda tutingki, asosiy TextSpan uslubi avtomatik ravishda barcha TextSpan ob'ektlari uchun tarqaladi. Shunday qilib, yuqoridagi misolda biz shrift balandligi uslubini o'rnatishni ko'rishimiz mumkin: TextStyle (fontSize: 20) aslida barcha TextSpan obyektlari uchun amal qiladi. Har bir kichik TextSpan darajasida siz o'zingizning maxsus uslubingizni belgilashingiz yoki ota-ona TextSpandan meros qilib olingan uslub sozlamalarini o'zgartirishingiz mumkin.