flutter_json_view

Description:

flutter json view

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.