Displaying json models in a Flutter widget
 |
 |
 |
|---|
Getting Started
Add dependency
dependencies:
flutter_json_view: ^0.3.0Add 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
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.