f_json_editor 1.0.2

Json Editor and Json Viewer

example/lib/main.dart

import 'dart:convert';

import 'package:f_json_editor/f_json_editor.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData.dark(),
      home: const MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({super.key, required this.title});
  final String title;

  @override
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  final FJSONController _fjsonController = FJSONController();
  @override
  Widget build(BuildContext context) {
    // This method is rerun every time setState is called, for instance as done
    // by the _incrementCounter method above.
    //
    // The Flutter framework has been optimized to make rerunning build methods
    // fast, so that you can just rebuild anything that needs updating rather
    // than having to individually change instances of widgets.
    return Scaffold(
      appBar: AppBar(
        backgroundColor: Theme.of(context).colorScheme.primary,
        title: Text(widget.title),
      ),
      body: Center(
        // Center is a layout widget. It takes a single child and positions it
        // in the middle of the parent.
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            SizedBox(
              height: 400,
              child: Padding(
                padding: EdgeInsets.all(10),
                child: FJSONEditor(
                  controller: _fjsonController,
                  title: Text("FJSON Example"),
                  actionCallback: (actionKey, jsonData) async {
                    if(actionKey == "copy"){
                      await Clipboard.setData(
                        ClipboardData(text: jsonEncode(jsonData)),
                      );
                    }
                  },
                  valueChanged: (key, val) {
                    debugPrint(_fjsonController.getJsonData.toString());
                  },
                  topActions: [
                    FJSONAction(
                        key: "copy",
                        icon: Icon(Icons.copy, size: 20),
                        label: "Copyy"
                    ),
                    FJSONAction(
                        key: "save",
                        icon: Icon(Icons.save, size: 20),
                        label: "Save"
                    )
                  ],
                  isEditable: false,
                  jsonData: {
                    "key1":"value1",
                    "key2":2,
                    "key3": {
                      "key4": "value4",
                      "key5": false,
                      "key6": [
                        "1",
                        "iki"
                      ]
                    }
                  },
                ),
              ),
            )
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: () {
          // _fjsonController.setJsonData(
          //   {
          //     "newKey1": "val"
          //   }
          // );
          _fjsonController.setError(true);
        },
        child: Icon(Icons.edit),
      ),// This trailing comma makes auto-formatting nicer for build methods.
    );
  }
}
//{"key1":"value1","key2":2,"key3":{"key4":"value4","key5":false,"key6":["1","iki"]}}2":2,"key3":{"key4":"value4","key5":false,"key3":{"key4":"value4sdfgdfhfgggggggggggggggggggggggggggggggggggggggggggg","key5":false,"key6":["1","iki"]},"key6":["1","iki"]}}
//{"key1":"value1","key2":2,"key3":{"key4":"value4","key5":false,"key6":["1","iki"]}}
//{"key2":2,"key3":{"key4":"value4","key5":false,"key6":["1","iki"]}}
//{"key2":2,"key3":{"key4":"value4","key5":false,"key6":["1","iki"]}}
// {"key1":"value1","key2":2,"key3":{"key4":"value4","key5":false,"key6":["1","iki","dfgfddfgdf"]}}
//{"key1":"value1","key2":2,"key3":{"key4":"value4","key5":false,"key6":["1","iki"]},"newKey":["ghj","12"]}