RichText

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: <b>RichText()</b>, }), })

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',
            ),
          ]
        )
      );
    }

Tags:

Bir cevap yazın