😢 너무길다

Text

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

https://images.velog.io/images/tmdgks2222/post/904b1af3-e755-4097-b516-0d8411da2dec/스크린샷 2021-12-31 오전 12.18.05.png

근데 볼드체, 이태리체, 밑줄, 색깔에 각각 스타일을 적용하고싶다.

만들어보지 뭐~

 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),
            ),
          ],
        ),
      ),

https://images.velog.io/images/tmdgks2222/post/200bdc18-5243-44df-a4e2-349f6ce2e8a1/스크린샷 2021-12-31 오전 12.23.08.png

.

..

.

.