Breaking News: Grepper is joining You.com. Read the official announcement!

Flutter loop through JSON

Sheko answered on October 12, 2023 Popularity 3/10 Helpfulness 1/10

answer Flutter loop through JSON

Flutter loop through JSON

Comment

// JSON is typicall stored in some sort of list
// FlutterFLow stores JSON as List<dynamic>

Widget buildColumnWithIndexes(List<dynamic> jsonData) {
    return Column(
      children: jsonData.asMap().entries.map((entry) {
      	// Set item counter and assign value from JSON data
        int index = entry.key;
        dynamic item = entry.value;
        String name = item["Name"];
        
        return Container(
          margin: EdgeInsets.all(8.0), // Adjust margin as needed
          padding: EdgeInsets.all(16.0), // Adjust padding as needed
          decoration: BoxDecoration(
            border: Border.all(color: Colors.black),
            borderRadius: BorderRadius.circular(8.0),
          ),
          //-----------------DISPLAY THE JSON ITEM---------------------
          child: Text(
            'Item $index: $name',
            style: TextStyle(fontSize: 18.0),
          ),
          //-----------------DISPLAY THE JSON ITEM---------------------
        );
      }).toList(),
    );
  }

Popularity 3/10 Helpfulness 1/10 Language dart

Source: Grepper

Tags: dart flutter json

Link to this answer
Share Copy Link

Contributed on Oct 12 2023

Sheko

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

Flutter loop through JSON

Contents

More Related Answers

Flutter loop through JSON

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.