换行符 \n 从 Firebase 加载文本时不起作用

Posted 2023-02-23

【中文标题】换行符 \\n 从 Firebase 加载文本时不起作用

【英文标题】：Newline character \n Not Working While Loading Text From Firebase换行符 \n 从 Firebase 加载文本时不起作用

【发布时间】：2020-10-26 06:59:29

【问题描述】：

嗨，我正在使用一些文本数据从 firebase 加载，然后将其显示为 Text。我正在使用 Text() 小部件。我的 firebase 文档中有一个名为 description 的字段，例如包含如下信息：

描述：这是\n一些文字。

所以你可以看到应该有两行第一行包含This is，第二行包含一些文本。但这不会发生。所有文本只显示在一行中。 另请注意，这只发生在我从 firebase 文档中读取文本时，但是当我用包含 \n 的自定义文本（字符串）替换它时，它不是从 firebase 读取的，它工作正常。 为什么会发生这种情况，我该如何解决？为什么从 firestore 加载字符串时它不起作用。

【参考方案1】：

我遇到了同样的问题。只需在 Flutter 中运行文本即可解决问题。

  String convertNewLine(String content) 
      print("Converting");
      return content.replaceAll(r'\n', '\n');
  

【参考方案2】：

您只需使用多行字符串。请查看documentation 了解更多信息。

Text('''Hello\nWorld''')

这将被打印为

Hello
World

基本上在使用三引号时，您可以使用\n 换行。

【讨论】：

我知道很多。问题是当我从firebase读取文本时它不起作用。即使我不使用三引号，你给出的例子也有效。下面是我的代码用于显示从 firebase 加载的文本：@ Alberto Miola

Text(snapshot.data.documents[index].data["subtitle"], style: TextStyle( fontFamily: 'Montserrat', fontSize: 12, fontWeight: FontWeight.w500, ),跨度>