Dart: cannot convert List<dynamic> to List<Map<String, dynamic>> Json_Table

Question

I am trying to parse data from a Rest API inside a Dart/Flutter application. The JSON contains a field called budgets at the root, which contains a list of Words. I want to get a List from this JSON and showing table from the Json with the package json_table.

class _PresupuestoPageState extends State<PresupuestoPage> {

  List <Map<String, dynamic>> _data;

  @override
  void initState() {
    super.initState();
    fetchData();
  }


  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("Presupuesto"),
        centerTitle: false
      ),
      body: Container(
        alignment: Alignment.center,
        child: _data != null
            ? JsonTable(
                _data,
              )
            : Text("Loading..."),
      ),
    );
  }

Future<void> fetchData() async {
    try {
      final response =
          await http.get("http://pr_laravel.loc/api/budgets");
      if (response.statusCode == 200) {
        print(response.body);
        setState(() {
          _data = jsonDecode(response.body) as List;
        });
      } else {
        print("Some error: ${response.statusCode}");
      }
    } catch (e) {
      print(e);
    }
  }

}

Yakhyo Mashrapov · Accepted Answer · 2020-12-16 13:53:47Z

1

Just change type of your _data from List <Map<String, dynamic>> to List <dynamic>.

answered Dec 16, 2020 at 13:53

Yakhyo Mashrapov

3903 silver badges13 bronze badges

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

2 Comments

ProRetoque Photo Over a year ago

This send me this error: type '_InternalLinkedHashMap<String, dynamic>' is not a subtype of type 'List<dynamic>' in type cast

Fatiha IMOUSSAINE Over a year ago

that's because you're using the list items which are dynamic as Map try to cast each list item toMap()

Christopher Nolan · Accepted Answer · 2021-05-21 14:20:11Z

0

List<YourModel> temp = _data.map((data) => YourModel.fromJson(data)).toList();

answered May 21, 2021 at 14:20

Christopher Nolan

1,1071 gold badge14 silver badges18 bronze badges

1 Comment

mufazmi Over a year ago

While this code may answer the question, providing additional context regarding how and/or why it solves the problem would improve the answer's long-term value.

Collectives™ on Stack Overflow

Dart: cannot convert List<dynamic> to List<Map<String, dynamic>> Json_Table

2 Answers 2

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related