My future builder is not working, snapshot data is empty-CodePudding

My future builder is not working snapshot data is empty. In other future builder cases my code works correctly. My api gets correct data too. this is my run terminal:


  static Future<List<User>> getUser() async {
    var url = '${Constants.BASE_NO_TOKEN_DOMAIN}api?action=user_profile&token=${Constants.USER_TOKEN}';
    final response = await http.get(Uri.parse(url));
    final body = jsonDecode(response.body);
    return body['data'].map<User>(User.fromJson).toList();
  }

  @override
  void initState() {
    super.initState();
    userFuture = getUser();
    getToken();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Container(
        color: Color.fromRGBO(245, 248, 250, 1),
        padding: EdgeInsets.only(left: 16, top: 25, right: 16),
        child: ListView(
          children: [
            Container(
              decoration: BoxDecoration(
                  color: Colors.white,
                  borderRadius: BorderRadius.all(Radius.circular(12))),
              padding: EdgeInsets.only(left: 10, right: 10),
              height: 120,
              child: FutureBuilder<List<User>>(
                future: userFuture,
                builder: (context, snapshot) {
                  if (snapshot.connectionState == ConnectionState.waiting) {
                    return CircularProgressIndicator();
                  } else if (snapshot.hasData) {
                    final user = snapshot.data!;
                    return buildUser(user);
                  } else {
                    print(snapshot.data);
                    print(snapshot.error);
                    return Text("No widget to build");
                  }
                },
              ) // FutureBuilder
            ),  //Container

CodePudding user response：

First you have a Map not list so you need to change your getUser to this:

static Future<User> getUser() async {//<--- change this
    var url = '${Constants.BASE_NO_TOKEN_DOMAIN}api?action=user_profile&token=${Constants.USER_TOKEN}';
    final response = await http.get(Uri.parse(url));
    final body = jsonDecode(response.body);
    return User.fromJson(body['data']);//<--- change this
  }

second in your model class you are parsing avatar wrong, try this:

class User {
  final String fullName;
  final String avatar;
  final int phone;
  const User({
    required this.fullName,
    required this.avatar,
    required this.phone,
  });
  static User fromJson(json) => User(
        fullName: json['full_name'],
        avatar: json['avatar']['100'], // <--- change this
        phone: json['phone'],
      );
}

also change your FutureBuilder to this:

FutureBuilder<User>(
  ...
)

CodePudding user response：

Most likely your api returns a single user and not a list of them. If you still need a list you could wrap it in one. So maybe try this:

  static Future<List<User>> getUser() async {
    var url = '${Constants.BASE_NO_TOKEN_DOMAIN}api?action=user_profile&token=${Constants.USER_TOKEN}';
    final response = await http.get(Uri.parse(url));
    final body = jsonDecode(response.body);
    return [User.fromJson(body['data'])];
  }

EDIT:

From you other comments I could conclude that the parsing of the user goes wrong. You do

avatar: json['avatar_100']

but there is no field named that. You should try

avatar: json['avatar']['100']