Text 위젯을 이용하여 화면에 나타내보자.
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text("rich text => easy-rich-text"),
),
body: Center(
child: Text(
"이거는 볼드체, 이태리체, 밑줄, 색깔 뭐 암튼 많아~",
style: TextStyle(fontSize: 18),
),
),
);
}
근데 볼드체
, 이태리체
, 밑줄
, 색깔
에 각각 스타일을 적용하고싶다.
만들어보지 뭐~
body: Center(
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: const <Widget>[
Text(
"이거는 ",
style: TextStyle(fontSize: 18),
),
Text(
"볼드체",
style: TextStyle(fontSize: 18, fontWeight: FontWeight.bold),
),
Text(
", ",
style: TextStyle(fontSize: 18),
),
Text(
"이태리체",
style: TextStyle(fontSize: 18, fontStyle: FontStyle.italic),
),
Text(
", ",
style: TextStyle(fontSize: 18),
),
Text(
".................",
style: TextStyle(fontSize: 18),
),
],
),
),
.
..
.
.