Displaying json models in a Flutter widget

flutter_json_view

displaying json models in a flutter widget

cool solution for viewing models in debug working

getting started

add dependency

dependencies:
  flutter_json_view: ^0.2.1

add import package

import 'package:flutter_json_view/flutter_json_view.dart';

easy to use

add one of the constructors in your code

string constructor

jsonview.string('{"key":"value"}'),

asset file constructor

jsonview.asset('assets/data.json'),

map constructor

jsonview.map({"key":"value"}),

customization

�� the package was created in order to be able to customize your json view

jsonview.string(
    '{"key":"value"}',
    theme: jsonviewtheme(
      keystyle: textstyle(
        color: colors.black54,
        fontsize: 16,
        fontweight: fontweight.w600,
      ),
      doublestyle: textstyle(
        color: colors.green,
        fontsize: 16,
      ),
      intstyle: textstyle(
        color: colors.green,
        fontsize: 16,
      ),
      stringstyle: textstyle(
        color: colors.green,
        fontsize: 16,
      ),
      boolstyle: textstyle(
        color: colors.green,
        fontsize: 16,
      ),
      closeicon: icon(
        icons.close,
        color: colors.green,
        size: 20,
      ),
      openicon: icon(
        icons.add,
        color: colors.green,
        size: 20,
      ),
      separator: padding(
        padding: edgeinsets.symmetric(horizontal: 8.0),
        child: icon(
          icons.arrow_right_alt_outlined,
          size: 20,
          color: colors.green,
        ),
      ),
    ),
  ),

more examples you can see here

for help getting started with flutter, view our
online documentation, which offers tutorials,
samples, guidance on mobile development, and a full api reference.