Flutter: отображать массив строк из JSON в Futurebuilder, содержащий Listview

Question

У меня есть JSON, и у меня нет проблем с отображением только строк, но моя проблема - массивы строк. У меня есть функция Future, которая берет данные из JSON и затем отображает их в будущем.

Итак, чтобы было ясно, я хочу, чтобы имена пользователей: "hugo" и "studentone" отображались в listview.builder!

Если кто-то может сказать, как сделать функцию будущего, которая бы помогала нагрузкам!

JSON:

    {
    "id": 81,
    "users": [
        {
            "username": "hugo",
            "fullname": "Hugo Johnsson"
        },
        {
            "username": "studentone",
            "fullname": "Student One"
        }
    ],
    "title": "test med teacher chat",
    "description": "This project does not have a description.",
    "subject": "No subject",
    "deadline": "2019-01-06",
    "days_left": "91 days ago",
    "overview_requests": [
        {
            "id": 28,
            "user": {
                "username": "hugo",
                "fullname": "Hugo Johnsson"
            },
            "group": 81
        }
    ]
},

Функция будущего: Будущее> _getUSERS () async {

var data = await http.get("IP");
var jsonData = json.decode(data.body); 

List<USER> users;

for (var JData in jsonData) {

  var jsonUsers = JData["users"];

  for(int i = 0; i<users.length ; i++) {
    var user = jsonUsers[i];
    users.add(USER(user["username"], user["fullname"]));
  }
}

Пользовательский интерфейс:

child: FutureBuilder(
      future: _getUSERS(),
      builder: (BuildContext context, AsyncSnapshot snapshot ) {
        if (snapshot.data == null){
          return Container(
            child: Center(
              child: CircularProgressIndicator(),
            ),
          );
        }
        else return ListView.builder(
          itemCount: snapshot.data.length,
          itemBuilder: (BuildContext context, int index) {
            return ListTile(
              title: Text(snapshot.data[index].username),
            );
          }
        );
      }
    ),

Answer 1

Это то, что я сделал. Вы можете взять ссылку из этого

import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'package:flutter_list_http/MyApp1.dart';
import 'package:flutter_list_http/XYZ.dart';
import 'package:http/http.dart' as http;
import 'dart:convert';
import 'package:fluttertoast/fluttertoast.dart';

void main() => runApp(MyApp());

XYZ parsePosts(String responseBody) {

  var myClass = XYZ.fromJson(jsonDecode(responseBody));
  for (var result in myClass.data.toList()) {
    print('result');
    print(result?.id);
  }
  return myClass;
}

Future<XYZ> fetchPosts(http.Client client) async {
  final response = await client.get(
      'url',
      headers: {
        "Authorization":
           "headers if any"
      });
  print(response.body);
  // compute function to run parsePosts in a separate isolate
  return compute(parsePosts, response.body);
}

class HomePage extends StatelessWidget {
  final String title;

  HomePage({Key key, this.title}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(title),
      ),
      body: FutureBuilder<XYZ>(
        future: fetchPosts(http.Client()),
        builder: (context, snapshot) {
          if (snapshot.hasError) print(snapshot.error);

          return snapshot.hasData
              ? ListViewPosts(posts: snapshot.data)
              : Center(child: CircularProgressIndicator());
        },
      ),
    );
  }
}

class ListViewPosts extends StatelessWidget {
  final XYZ posts;

  ListViewPosts({Key key, this.posts}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Container(
      child: ListView.builder(
          itemCount: posts.data.length,
          padding: const EdgeInsets.all(15.0),
          itemBuilder: (context, position) {
            return Column(
              children: <Widget>[
                Divider(height: 5.0),
                ListTile(
                  title: Text(
                    '${posts.data[position].name}',
                    style: TextStyle(
                      fontSize: 22.0,
                      color: Colors.deepOrangeAccent,
                    ),
                  ),
                  onTap: () => _onTapItem(context, posts, position),
                ),
              ],
            );
          }),
    );
  }

  void _onTapItem(BuildContext context, XYZ posts, int position) {

    Navigator.push(
      context,
      MaterialPageRoute(builder: (context) => MyApp1()),
    );
  }
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    final appTitle = 'JavaSampleApproach HTTP-JSON';

    return MaterialApp(
      title: appTitle,
      home: HomePage(title: appTitle),
    );
  }
}

Надеюсь, это поможет.

Answer 2

Будут ошибки в будущей функции, которая извлекает данные json.

Я исправил, и вот оно:

Future<List<USER>> _getUSERS() async {

var data = await http.get("IP");
var jsonData = json.decode(data.body); 

List<USER> users;

for (var JData in jsonData) {

  var jsonUsers = JData["users"];

  for(int i = 0; i<jsonUsers.length ; i++) {
    var user = jsonUsers[i];
    users.add(USER(user["username"], user["fullname"]));
  }
}
return users;

исправления:

1. для (int i = 0; i <<strong> jsonUsers .length; i ++)
2. возвращать пользователей;