Flutter Rich Text Widget In Sinhala

Flutter Rich Text Widget In Sinhala

RichText විජට් එක විවිධ මෝස්තර භාවිතා කරන පෙළ සංදර්ශන කිරීමට භාවිතා කරයි. ප්‍රදර්ශනය කරන ලද පෙළ විස්තර කර ඇත්තේ TextSpan වස්තු වල ගසක් භාවිතයෙන් වන අතර, ඒ සෑම එකක්ම එම උප වෘක්ෂය සඳහා භාවිතා කරන තමන්ගේම ආශ්‍රිත ශෛලියක් ඇත. පිරිසැලසුම් සීමාවන් මත පදනම්ව, පෙළ පේළි කිහිපයක් හරහා කැඩී යා හැක, නැතහොත් සියල්ල එකම පේළියක පෙන්විය හැක.




{Key key,

@required InlineSpan text,

TextAlign textAlign: TextAlign.start, 

TextDirection textDirection, 

bool softWrap: true, 

TextOverflow overflow: 


double textScaleFactor: 1.0, 

int maxLines, 

Locale locale, 

StrutStyle strutStyle, 

TextWidthBasis textWidthBasis: TextWidthBasis.parent, 

TextHeightBehavior textHeightBehavior,





  • children: The widgets below this widget in the tree.

  • hashCode: The hash code for this object.

  • key: Controls how one widget replaces another widget in the tree.

  • runtimeType: A representation of the runtime type of the object.

  • text: The text to display in this widget.

  • textAlign: How the text should be aligned horizontally.

  • local: This property takes in Locale class as the object. It controls the font used for the text depending on the language used.

  • maxLines: The maxLines property takes in an int value as the object. It controls the maximum number of lines that can be there for the text to expand and wrap.

  • overflow: TextOverflow enum is the object given to its class it controls the text in case of overflow.

  • softWrap: This property takes in a boolean value as the object. If it is set to false the gulphs in the text become wider.

  • textDirection: This property takes in TextDirection class as the object to decide the direction of the text. It can be either from left-to-right or right-to-left.

  • textHightBehaviour: TextHeightBehavior class is the object given to this property. It controls how the text will be highlighted.

  • textScaleFactor: This property is taken in a double value as the object to determine the relative size of the font.

  • textWidthBasis: TextWidthBasis enum is the object of this property. It controls the width of a single line of text being measured.


import 'package:flutter/material.dart';

void main() {

runApp(const MyApp());


class MyApp extends StatelessWidget {

const MyApp({Key? key}) : super(key: key);

// This widget is

//the root of your application.


Widget build(BuildContext context) {

return MaterialApp(

title: 'ClipOval',

theme: ThemeData(

primarySwatch: Colors.blue,


home: const MyHomePAGE(),

debugShowCheckedModeBanner: false,




class MyHomePAGE extends StatefulWidget {

const MyHomePAGE({Key? key}) : super(key: key);


// ignore: library_private_types_in_public_api

_MyHomePAGEState createState() => _MyHomePAGEState();


class _MyHomePAGEState extends State {


Widget build(BuildContext context) {

return Scaffold(

appBar: AppBar(

title: const Text(‘Apps Lanka Dev’'),

backgroundColor: Colors.green,


body: Center(

child: RichText(

// Controls visual overflow

overflow: TextOverflow.clip,

// Controls how the text should be aligned horizontally

textAlign: TextAlign.end,

// Control the text direction

textDirection: TextDirection.rtl,

// Whether the text should break at soft line breaks

softWrap: true,

// Maximum number of lines for the text to span

maxLines: 1,

// The number of font pixels for each logical pixel

textScaleFactor: 1,

text: TextSpan(

text: 'Hello ',

style: DefaultTextStyle.of(context).style,

children: const [


text: 'Apps Lanka Dev', style: TextStyle(fontWeight: FontWeight.bold)),




backgroundColor: Colors.lightBlue[50],




class MyClip extends CustomClipper {


Rect getClip(Size size) {

return const Rect.fromLTWH(0, 0, 100, 100);



bool shouldReclip(oldClipper) {

return false;




 We are developing Mobile application and Web application for more details visit our web site www.appslanka.lk


Leave a comment

Your email address will not be published. Required fields are marked *