How to split a string from rest api?

Question

I have a list of string from rest API like this

I try to split it using this code e.review!.map((e) => e).join(" "),

and I get this result

but my expectation result is

How do I do that? Thank you

model.dart

  RatingDataModel({
    this.rating,
    this.review,
  });

  int? rating;
  List<String>? review;

  factory RatingDataModel.fromJson(Map<String, dynamic> json) =>
      RatingDataModel(
        rating: json["rating"],
        //separate the review by space

        review: json["review"] != null
            ? List<String>.from(json["review"].map((x) => x))
            : null,
      );

  Map<String, dynamic> toJson() => {
        "rating": rating,
        "review": List<dynamic>.from(
          review!.map(
            (x) => x,
          ),
        ),
      };
}

Just iterate through the array and for each element call the split() function — Vraj Shah
– Vraj Shah, Commented Sep 23, 2022 at 2:45
how do you show the result? the problem is not in parsing it, is in showing it. — eamirho3ein
– eamirho3ein, Commented Sep 23, 2022 at 5:13

Myo Win · Accepted Answer · 2022-09-23 08:48:57Z

2

You need to loop through since it is a list.

Here is the full working code as a Tags widget

import 'package:flutter/material.dart';

class Tags extends StatelessWidget {
  const Tags({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Tag Demo'),
      ),
      body: Wrap(
        spacing: 8.0, // gap between adjacent chips
        runSpacing: 4.0, // gap between lines
        children: getChips(),
      ),
    );
  }

  List<Chip> getChips() {
    List<String> review = [
      "Tidak ramah",
      "Tidak sesuai dengan foto",
      "Tidak sesuai deskripsi",
      "Tailor terlambat",
      "Lokasi tempt tidak sesuai alamat",
      "Tempat tidak ditemukan",
      "Tailor kasar",
      "Tailor melakukan kekerasa / pelecehan",
      "Tempat tidak nyaman"
    ];

    List<Chip> tags = [];
    review.asMap().forEach((index, singleReview) {
      tags.add(
        Chip(
          avatar: CircleAvatar(
            child: Text((index + 1).toString()),
          ),
          label: Text(singleReview),
        ),
      );
    });

    return tags;
  }
}

edited Sep 23, 2022 at 8:48

answered Sep 23, 2022 at 4:35

Myo Win

5321 gold badge7 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Myo Win Over a year ago

Welcome! Wrap (api.flutter.dev/flutter/widgets/Wrap-class.html) has spacing options and I have added in the code.

My Car · Accepted Answer · 2022-09-23 05:34:14Z

1

Try the following code:

ListView.builder(
  itemCount: e.review!.length,
  itemBuilder: (context, index) {
    final review = e.review![index]; // Use this

    return ......;
  },
);

answered Sep 23, 2022 at 5:34

My Car

4,6507 gold badges26 silver badges78 bronze badges

Comments

John Joe · Accepted Answer · 2022-09-23 03:57:13Z

1

Use ListView.builder instead of ListView.

 @override
  Widget build(BuildContext context) {
    return ListView.builder(
        itemCount: e.review!.length,
        itemBuilder: (context, index) {
          return ChoiceChip(
                   ...
            label: Text(e.review![index]));
        });
  }

edited Sep 23, 2022 at 3:57

answered Sep 23, 2022 at 3:49

John Joe

12.8k19 gold badges79 silver badges142 bronze badges

Comments

Davis · Accepted Answer · 2022-09-23 03:54:32Z

0

You don't need to split since it's a list of strings,just iterate through with a 'listview'

 e.map((e) => e).toList()

edited Sep 23, 2022 at 3:54

answered Sep 23, 2022 at 3:11

Davis

1,4372 gold badges12 silver badges18 bronze badges

1 Comment

Muhammad Yafi A Over a year ago

imgur.com/MsguKpb the result still the same

Collectives™ on Stack Overflow

How to split a string from rest api?

4 Answers 4

1 Comment

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related