json_editor

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Ein Flutter-Paket, das einen anpassbaren JSON-Editor zum Anzeigen und Bearbeiten von JSON-Daten in Flutter-Anwendungen bereitstellt. Es unterstützt Syntax-Hervorhebung, zusammenklappbare Knoten und Echtzeit-Validierung und ist daher ideal für Entwickler, die direkt innerhalb ihrer Apps mit JSON-Strukturen arbeiten müssen. Der Editor ist intuitiv und reagiert plattformübergreifend auf mobilen und Desktop-Geräten. Er lässt sich über einen einfachen pub add-Befehl nahtlos in bestehende Flutter-Projekte integrieren.

Anwendungsfälle

JSON-Konfigurationsdateien bearbeiten
Debugging von API-Antworten
Interaktive Eingabeformulare
Echtzeit-JSON-Validierung
Prototyping von JSON-basierten Workflows

Hauptmerkmale

Syntax-Highlighting
Kollabierbare JSON-Knoten
Echtzeit-Validierung
Plattformübergreifende Unterstützung
Anpassbares UI-Thema

Geeignet für

Entwickler, die JSON-intensive Apps erstellen
UI-Designer prototypisieren Datenstrukturen
Tools, die interaktive JSON-Bearbeitung erfordern
Lernapps, die JSON lehren
Desktop- und Mobile-App-Entwickler

Hinweise

Kann Leistungsoptimierung für große JSON-Dateien erfordern
Begrenzte erweiterte JSON-Schema-Funktionen
Keine integrierte Export-/Importfunktion
Abhängig von externem GitHub-Repository
Nicht für extrem verschachtelte oder tiefe JSON-Strukturen optimiert

Original-README

Originaler README-Schnappschuss aus dem verknüpften Quell-Repository. Aktuelle Inhalte finden Sie im Repository.

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.8

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);
    },
)

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);
    },
)

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);
    },
)

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);
        },
    )
)

License

See LICENSE

Pakete, Repositories und App-Kategorien suchen

Paket installieren