如何把一个文本放在另一个下面?-Flutter

2ic8powd  于 2023-03-03  发布在  Flutter
关注(0)|答案(4)|浏览(173)

我想把这4篇文章组织成一列,问题是它们是排成一行的。

AlertDialog alert = AlertDialog(
                                    title: Text("Informações"),
                                    content: Text("P - Selvagem ou Aguti"
                                        "p - preto"
                                        "A - Permite a pigmentação"
                                        "a - Inibe a pigmentação (epistático)"),
                                    actions: [
                                      okButton,
                                    ],
                                    backgroundColor: Colors.white,
                                  );

如何把它们一个放在另一个下面?

u7up0aaq

u7up0aaq1#

您可以使用三重引号

child: Container(
             AlertDialog alert = AlertDialog(('''
                              Text1
                              Text2
                              Text3''',)
          ),

您也可以使用**\n**作为新行:

AlertDialog alert = AlertDialog(
                                title: Text("Informações"),
                                content: Text("P - Selvagem ou Aguti\np - preto\nA - Permite a pigmentação\na - Inibe a pigmentação (epistático)"),
                                actions: [
                                  okButton,
                                ],
                                backgroundColor: Colors.white,
                              );

您可以参考此链接了解更多信息:https://api.dartlang.org/stable/2.5.0/dart-core/String-class.html

2sbarzqh

2sbarzqh2#

在字符串中插入“\n”作为新行:
“p - preto\nA -允许着色\na - Inibe a pigmentação(书信)”

s71maibg

s71maibg3#

如果要对每一新行设置不同的样式,请将对话框的内容换行到列中

AlertDialog alert = AlertDialog(
                  title: Text("Informações"),
                  content: Column(
                    mainAxisSize: MainAxisSize.min,
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: [
                      Text("P - Selvagem ou Aguti"),
                      Text("p - preto"),
                      Text("A - Permite a pigmentação"),
                      Text("a - Inibe a pigmentação (epistático)"),
                    ],
                  ),
                  actions: [
okButton,],
                  backgroundColor: Colors.white,
                );

如果要对所有文本使用相同的样式,可以对新行使用\n

AlertDialog alert =AlertDialog(
              title: Text("Informações"),
              content: Text(
                  "P - Selvagem ou Aguti \n p - preto \n A - Permite a pigmentação \n a - Inibe a pigmentação (epistático)"),
              actions: [
okButton,],
              backgroundColor: Colors.white,
            );
nbewdwxp

nbewdwxp4#

您也可以使用RichText ...例如:

RichText(
                                                text: TextSpan(
                                                    children: <TextSpan>[
                                                      TextSpan(
                                                          text: 'your text'
                                                          style:
                                                              Theme.of(context)
                                                                  .textTheme
                                                                  .labelLarge),
                                                      TextSpan(
                                                          text: 'your text'
                                                          style:
                                                              Theme.of(context)
                                                                  .textTheme
                                                                  .labelLarge),
                                                      TextSpan(
                                                          text: 'your text'
                                                          style:
                                                              Theme.of(context)
                                                                  .textTheme
                                                                  .labelLarge),
                                                      TextSpan(.....etc

相关问题