[Flutter] Textの装飾8種類を紹介します

Flutterでtextの装飾を行うコードをまとめて紹介します。
もっと良い書き方やコードの不備などありましたら、ご指摘お願いします。

## 1.太字のtext

![スクリーンショット 2021-04-15 16.45.47.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/888855/713bdd7b-b55b-b428-c2fe-4cb46bf75334.png)

```dart
    Text(
      '太字',
      style: TextStyle(fontWeight: FontWeight.bold, fontSize: 20),
    ),
```


## 2.背景付きのtext
![スクリーンショット 2021-04-15 16.47.38.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/888855/082ae952-0221-d072-90af-30df5987769c.png)


```dart
      Container(
         color: Colors.blue,
         child: Text(
           '背景をつける',
           style: TextStyle(fontSize: 20),
         ),
       ),
```

## 3.枠線で囲われたtext
![スクリーンショット 2021-04-15 16.54.44.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/888855/0f92644f-eeb0-16e2-e059-a48f8f3a8261.png)

```dart
       Container(
         decoration: BoxDecoration(
           border: Border.all(color: Colors.blue),
         ),
         child: Text(
           "枠線で囲う",
           style: TextStyle(fontSize: 20),
         ),
       ),
```

## 4.角丸の枠線で囲われたtext
![スクリーンショット 2021-04-15 16.55.04.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/888855/696c2aea-582e-2e7a-d51a-25cf8e69646a.png)

```dart
       Container(
         decoration: BoxDecoration(
           borderRadius: BorderRadius.circular(10),
           border: Border.all(color: Colors.blue),
         ),
         child: Text(
           "枠線を丸くする",
           style: TextStyle(fontSize: 20),
         ),
       ),
```

## 5.下線ありのtext
![スクリーンショット 2021-04-15 16.55.37.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/888855/670b5535-f6b2-2c3c-ebd9-0a7e156ce65f.png)

```dart
      Text(
         "下線",
         style: TextStyle(
           decoration: TextDecoration.underline,
           fontSize: 20,
         ),
      ),
```

## 6.文字の間にスペースを作る
![スクリーンショット 2021-04-15 16.55.57.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/888855/f0e9974c-e9c7-1ff3-2a1c-e12893776b89.png)

```dart
      Text(
         "文字の間にスペース",
         style: TextStyle(
           letterSpacing: 6.0,
           fontSize: 20,
         ),
      ),
```

## 7. 一部の文字だけを装飾する
![スクリーンショット 2021-04-15 16.56.14.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/888855/ce5c5969-11ef-aa78-64b9-0043f2cc4ca9.png)

```dart
      RichText(
         text: TextSpan(
           children: [
             TextSpan(
               text: '一部の文字だけ',
               style: TextStyle(color: Colors.black ,fontSize: 20),
             ),
             TextSpan(
               text: '装飾',
               style: TextStyle(color: Colors.blue ,fontSize: 40, fontWeight: FontWeight.bold),
             ),
           ],
         ),
       )
```

## 8.  影をつける
![スクリーンショット 2021-04-16 16.02.53.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/888855/af9fedf2-a097-2ba2-1851-8fd4472657fd.png)

```dart
       Text(
         '影をつける',
         style: TextStyle(
           fontSize: 20,
           shadows: <Shadow>[
             Shadow(
               color: Colors.grey,
               offset: Offset(5.0, 5.0),
               blurRadius: 3.0,
             ),
           ],
         ),  
       ),  
```