Description:
json editor
Features #
Support add comment;
Support show errors for invalid json text;
Pretty format json text;
Output a custom json data model: JsonElement ;
Getting started #
dependencies:
json_editor: ^0.0.7
copied to clipboard
Screen Shot #
Usage #
import 'package:json_editor/json_editor.dart';
JsonEditor.string(
jsonString: '''
{
// This is a comment
"name": "young chan",
"number": 100,
"boo": true,
"user": {"age": 20, "tall": 1.8},
"cities": ["beijing", "shanghai", "shenzhen"]
}
''',
onValueChanged: (value) {
print(value);
},
)
copied to clipboard
import 'package:json_editor/json_editor.dart';
JsonEditor.object(
object: const {
"name": "young",
"number": 100,
"boo": true,
"user": {"age": 20, "tall": 1.8},
"cities": ["beijing", "shanghai", "shenzhen"]
},
onValueChanged: (value) {
print(value);
},
)
copied to clipboard
JsonElement is a data model witch contains key, value and comment.
import 'package:json_editor/json_editor.dart';
JsonEditor.element(
element: JsonElement(),
onValueChanged: (value) {
print(value);
},
)
copied to clipboard
Theme #
If you want to custom the json theme. You can use JsonEditorTheme widget.
JsonEditorTheme(
themeData: JsonEditorThemeData.defaultTheme(),
child: JsonEditor.object(
object: const {
"name": "young",
"number": 100,
"boo": true,
"user": {"age": 20, "tall": 1.8},
"cities": ["beijing", "shanghai", "shenzhen"]
},
onValueChanged: (value) {
print(value);
},
)
)
copied to clipboard
License #
See LICENSE
License
For personal and professional use. You cannot resell or redistribute these repositories in their original state.
Customer Reviews
There are no reviews.
