json_editor 0.0.1 json_editor: ^0.0.1 copied to clipboard
A json editor on flutter.
Features #
- Support add comment;
- Support show errors for invalid json text;
- Pretty format json text;
- Output the decoded Map or List object;
Getting started #
dependencies:
json_editor: ^0.0.1
Screen Shot #
Usage #
import 'package:json_editor/json_editor.dart';
JsonEditor(
onValue: (value) {
print(value);
},
)
You can initial with json text:
```dart
import 'package:json_edior/json_editor.dart';
JsonEditor(
jsonString: '''
{
// This is a comment
"name": "young chan",
"number": 100,
"boo": true,
"user": {"age": 20, "tall": 1.8},
"cities": ["beijing", "shanghai", "shenzhen"]
}
''',
onValue: (value) {
print(value);
},
)
Or initial with json object:
```dart
import 'package:json_editor/json_editor.dart';
JsonEditor(
jsonValue: const {
"name": "young",
"number": 100,
"boo": true,
"user": {"age": 20, "tall": 1.8},
"cities": ["beijing", "shanghai", "shenzhen"]
},
onValue: (value) {
print(value);
},
)
If have both `jsonString` and `jsonEditor` , first to parse `jsonString`.
The `onValue` output a Map or a List object. If there is some errors in json text. The closure will not be called.
### Theme
If you want to custom the json theme. You can use `JsonEditorTheme` widget.
```dart
JsonEditorTheme(
themeData: JsonEditorThemeData(
lightTheme: JsonEditorThemeData.defaultTheme().lightTheme.copyWith(bracketStyle: TextStyle(color: Colors.amber, fontSize: 16)),
darkTheme: JsonEditorThemeData.defaultTheme().darkTheme
),
child: JsonEditor(
jsonValue: const {
"name": "young",
"number": 100,
"boo": true,
"user": {"age": 20, "tall": 1.8},
"cities": ["beijing", "shanghai", "shenzhen"]
},
onValue: (value) {
print(value);
},
)
)
License #
See LICENSE