Flutter show to split very long text and show by dividing? - flutter

Question

I am migrating my ionic app to flutter i have some data which need to split and show.
The string look like this PRE-AUTHORIZATION=MANDATORY AT NON-PANEL HOSPITALS|||||HOSPITAL NETWORK=220+ FACILITIES NATIONWIDE|||||
I need to break the line when ||||| this come split the word on =
The code in typescript look something like this
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);
});
In app the string look like this
Any one please tell how can i show this data in flutter app same like in image Thanks
This is my full code i am using
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...'),
);
}
}),
);
}
}
And there is one more thing all string not contain = sign to split. i have attached the image as you can see first value dont have have = sign and its showing in blue text.

Answer 1

The code in typescript can be converted to following method:
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;
}