RichText

RichText

RichText({text: TextSpan( text: ‘Bu TextSpan ın stilini alt TextSpan stili ezebilir ‘, style, children ), textAlign, textDirection, softWrap,overFlow })

açıklama

Zengin Metin widgeti. Metin text: TextSpan() içinde atanır. Daha ileri metin stili işlevleri için kullanılabilir.

Not: Tek bir stili bütün metne uygulanmasını istiyorsanız Text() kullanabilirsiniz.
Metnin içinde bazı bölümlerine farklı stil uygulamak istiyorsanız yada kullanıcının dokunma olaylarını yaklamak istiyorsanız Text.rich() kullanın.
Text.rich() ihtiyaçlarınızı karşılamıyorsa daha ileri kullanım için RichText() kullanabilirsiniz.

konum

  MaterialApp({ title,theme, home: Scaffold({ appBar, body: RichText(), }), })                  

parametreler

                     RichText({
                              text: TextSpan(
                                              text: 'Bu TextSpan ın stilini alt TextSpan stili ezebilir ',
                                              style: TextStyle( ...),
                                              children: [ TextSpan(   ), TextSpan(   ),  ],
                                            ),

                              textAlign: TextAlign.center  
                              textDirection: TextDirection.ltr,  
                              softWrap: true  
                              overFlow:TextOverflow.clip   
                            })

örnek uygulama

richTetxt-orn
 

import 'package:flutter/material.dart';

void main() => runApp(OrnekWidget());

class OrnekWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Uygulama Adı',
      theme: ThemeData(primaryColorLight: Colors.blue),
      home: Scaffold(
        body: myWidget(),
      ),
    );
  }
}


Widget myWidget(BuildContext context) {
      return RichText(
        text: TextSpan(
          style: Theme.of(context).textTheme.body1.copyWith(fontSize: 30),
          children: [
            TextSpan(
                text: 'Styling ',
            ),
            TextSpan(
              text: 'text',
              style: TextStyle(
                color: Colors.blue
              )
            ),
            TextSpan(
                text: ' in Flutter',
            ),
          ]
        )
      );
    }

Bir cevap yazın

KAPAT
%d blogcu bunu beğendi: