flutter - flutter 显示可拆分很长的文本，并通过拆分显示？

Question

我正在将 ionic 应用程序迁移至抖动，我有一些需要拆分和显示的数据。
字符串看起来像这样PRE-AUTHORIZATION=MANDATORY AT NON-PANEL HOSPITALS|||||HOSPITAL NETWORK=220+ FACILITIES NATIONWIDE|||||当|||||时，我需要换行这把单词拆分为=
typescript 中的代码看起来像这样

  const policies = this.wording.split('|').filter(w => w !== '');
  this.displayData = [];
  policies.forEach((policy) => {
    const splited = policy.split('=');
    const displayPolicy = {name: splited[0], value: splited[1]};
    this.displayData.push(displayPolicy);
  });

在应用程序中，字符串如下所示

任何人都请告诉我如何在flutter应用程序中显示该数据，就像图像中一样
这是我正在使用的完整代码

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:http/http.dart' as http;
import 'package:http/http.dart';
import 'dart:convert';
import 'dart:io';
import 'package:flutter_secure_storage/flutter_secure_storage.dart';

class BenefitScreen extends StatefulWidget {
  @override
  _BenefitScreenState createState() => _BenefitScreenState();
}

class _BenefitScreenState extends State<BenefitScreen> {

  @override
  initState() {
    super.initState();
    doSomeAsyncStuff();
  }

  Future<String> doSomeAsyncStuff() async {
    final storage = new FlutterSecureStorage();
    String value = await storage.read(key: 'company_id');
    print(value);

    String url2 =
        'gttps://api?company_id=${value}';

    final response2 = await http.get(url2);
    var Data = json.decode(response2.body);
    print(Data);
    print(Data["records"][0]["policies"][0]["policywording"]);
    var DisplayData = Data["records"][0]["policies"][0]["policywording"]; // This is the data which need to split 

    return DisplayData;
  }


  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        centerTitle: true,
        title: Text('IGI GENERAL INSURANCE'),
      ),
      body: FutureBuilder<String>(
          future: doSomeAsyncStuff(),
          builder: (BuildContext context, AsyncSnapshot<String> snapshot) {
            if (snapshot.hasData) {
              print(snapshot.data);
              return  Text('Here in ned to show data');

            } else if (snapshot.hasError) {
              return Padding(
                padding: const EdgeInsets.only(top: 16),
                child: Text('Error: ${snapshot.error}'),
              );
            } else {
              return Padding(
                padding: EdgeInsets.only(top: 16),
                child: Text('Awaiting result...'),
              );
            }
          }),
    );
  }
}

还有一件事是所有字符串都不包含=符号进行拆分。我已附加图像，因为您可以看到第一个值没有=符号，并且其显示为蓝色文本。

Answer 1

typescript 中的代码可以转换为以下方法:

List<Map<String, String>> divideString(String wording) {
  final policies = wording.split('|').where((w) => w != '');
  var displayData = <Map<String, String>>[];
  policies.forEach((policy) {
    final splitted = policy.split('=');
    final displayPolicy = <String, String>{
      'name': splitted[0],
      'value': splitted.length > 1 ? splitted[1] : null,
    };
    displayData.add(displayPolicy);
  });

  return displayData;
}