Flutterで複数行テキストを表示する方法


Flutterで複数行のテキストを表示する方法について説明します。以下の手順に従ってください。

  1. テキストウィジェットを使用する方法: Flutterでは、複数行のテキストを表示するためにテキストウィジェットを使用します。以下のようなコード例を参考にしてください。

    Text(
     '複数行のテキストを表示する例\n次の行に表示されます',
     style: TextStyle(fontSize: 16),
    )

    上記の例では、改行文字 \n を使用してテキストを複数行に分割しています。

  2. RichTextウィジェットを使用する方法: より複雑なテキストスタイルや装飾を適用する場合は、RichTextウィジェットを使用することができます。以下のコード例を参考にしてください。

    RichText(
     text: TextSpan(
       text: '複数行のテキストを表示する例\n',
       style: TextStyle(fontSize: 16),
       children: <TextSpan>[
         TextSpan(
           text: '次の行に表示されます',
           style: TextStyle(
             fontSize: 14,
             fontWeight: FontWeight.bold,
           ),
         ),
       ],
     ),
    )

    上記の例では、TextSpanを使用して各行の異なるスタイルを適用しています。

以上の方法を使用することで、Flutterで複数行テキストを表示することができます。適切なウィジェットとスタイルを選択して、必要に応じてテキストを分割し、表示したい形式に合わせてカスタマイズしてください。