Flutter Text Widget 自动换行

Question

我对 Flutter 很陌生。

我目前正在编写一个简单的备忘录应用程序，其中包含如下所示的标题列表：

那些文本小部件应该是分开的，但我不知道如何打破文本行。 具体来说，下面的代码应该使用哪个小部件？

import 'package:flutter/material.dart';

void main() => runApp(const AppMain());

class AppMain extends StatelessWidget {
  const AppMain({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Memo',
      home: Scaffold(
        body: SafeArea(
            child: <WHICH WIDGET SHOULD I USE>(
                children: [
                    Text("The first text"),
                    Text("Second Memo Title"),
                    Text("Third One"),
                    Text("and so on"),
                ],
      ),
      debugShowCheckedModeBanner: false,
    );
  }
}

我试过Wrap小部件，但它不会破坏其中的文本。

谢谢。

Answer 1

使用获取 TextSpan 小部件列表的 RichText 小部件。

Answer 2

RichText(
    text: TextSpan(
      style: DefaultTextStyle.of(context).style,
      children: [
        TextSpan(
          text: The first text,
        ),
        TextSpan(
          text: Second Memo Title,
      ],
    ),

这可以帮助你。 TextSpan 有样式属性。 您可以使用它来设置文本样式。