Flutter 將長文本與圖像分開

Question

我正在創建一個新聞應用程序，我的新聞內容超過 2000 字，我的問題是，我想划分內容並將圖像放在它們之間。 像這樣的東西

筆記：

圖片和文字都來自firebase...

無論單詞的長度如何，我都希望能夠做到

Answer 1

您可以將RichText小部件用於這種類型的復雜 UI。

RichText( 
   text: TextSpan( 
      children: [ 
        TextSpan( text: "Some Text...", ), 
        WidgetSpan( child: 
          Image.network(src), 
        ), 
        TextSpan( text: "Some Text...", ), 
      ], 
   ), 
),

Answer 2

要剪切一個大句子，您可以使用 split 方法並創建一個列表並將其保存為 2 個不同的字符串，例如

List<String> stringList = verylongSentence.split(" ");

  int start = 0;
  int end = 20;//get first 20 words

  /// sublist of stringList
  final joinedWords = stringList.sublist(start, end);
  /// join the list with space
  String _content1 = joinedWords.join(" ");
  String _content2 = stringList.sublist(end).join(" ");