error in getting data from api in flutter

by

Try below code I think your Problem has been solved and also add id and email also

Your API Call Function

Future<List<dynamic>> getJobsData() async {
    String url="https://jsonplaceholder.typicode.com/users";
    var response = await http.get(Uri.parse(url), headers: {
      'Content-Type': 'application/json',
      'Accept': 'application/json',
    });
    return json.decode(response.body);
  }

Your Widget

     Center(
          child: FutureBuilder<List<dynamic>>(
            future: getJobsData(),
            builder: (context, snapshot) {
              if (snapshot.hasData) {
                return Padding(
                  padding: const EdgeInsets.all(8.0),
                  child: ListView.builder(
                    itemCount: snapshot.data.length,
                    itemBuilder: (context, index) {
                      var name = snapshot.data[index]['name'];
                      var email = snapshot.data[index]['email'];
                      var id = snapshot.data[index]['id'];
                      return Card(
                        shape: RoundedRectangleBorder(
                          side: BorderSide(color: Colors.green.shade300),
                          borderRadius: BorderRadius.circular(15.0),
                        ),
                        child: Column(
                          children: [
                            ListTile(
                              leading: Text(id.toString()),
                              title: Text(name),
                              subtitle: Text(email),
                            ),
                          ],
                        ),
                      );
                    },
                  ),
                );
              }
              return CircularProgressIndicator();
            },
          ),
        ),

Your Result Screen like -> enter image description here

More Related Contents:

  1. How to create GridView Layout in Flutter
  2. How to solve the “Type Null is not a subtype of type …” error?
  3. What is a Future and how do I use it?
  4. What is the difference between functions and classes to create reusable widgets?
  5. Is there a difference in how member variables are initialized in Dart?
  6. How to call nested json data using API in flutter?
  7. Flutter: How to correctly use an Inherited Widget?
  8. What is the difference between named and positional parameters in Dart?
  9. How to upload images and file to a server in Flutter?
  10. How to import platform specific dependency in Flutter/Dart? (Combine Web with Android/iOS)
  11. How to implement Dark mode and Light Mode in flutter?
  12. How do I do the “frosted glass” effect in Flutter?
  13. How to Async/await in List.forEach() in Dart
  14. How to change the application launcher icon on Flutter?
  15. Flutter StreamBuilder vs FutureBuilder
  16. How to detect swipe in flutter
  17. Sizing elements to percentage of screen width/height
  18. Style BottomNavigationBar in Flutter
  19. Async/Await/then in Dart/Flutter
  20. TextField inside of Row causes layout exception: Unable to calculate size
  21. Vertical viewport was given unbounded height
  22. How to check if scroll position is at top or bottom in ListView?
  23. Flutter: “RenderFlex children have non-zero flex but incoming height constraints are unbounded”
  24. How to use BottomNavigationBar with Navigator?
  25. InheritedWidget with Scaffold as child doesn’t seem to be working
  26. How to create number input field in Flutter?
  27. Flutter – How to make a custom TabBar
  28. Null check doesn’t cause type promotion in Dart
  29. Dart: Is there a disadvantage to using const constructor?
  30. Flutter Gradle task assembleDebug failed with exit code 1 zip END header not found

Leave a Comment