flutter_json_view 1.1.5

Displaying json models in a Flutter widget with customization.

Displaying json models in a Flutter widget

😎 Cool solution for viewing models in debug working
Show some ❤️ and star the repo to support the project!

Getting Started

Add dependency

dependencies:
  flutter_json_view: ^1.1.5

copied to clipboard

Add import package

import 'package:flutter_json_view/flutter_json_view.dart';

copied to clipboard

Easy to use

Add one of the constructors in your code

String constructor

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

copied to clipboard

Asset file constructor

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

copied to clipboard

Map constructor

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

copied to clipboard

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,
        ),
      ),
    ),
  ),

copied to clipboard

More examples you can see here

Thanks to all contributors of this package

For help getting started with Flutter, view our online documentation, which offers tutorials, samples, guidance on mobile development, and a full API reference.