flutter_json_widget

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Ein Flutter-Widget, das JSON-Daten in einer lesbaren, erweiterbaren Listenform darstellt. Speziell für die einfache Visualisierung von JSON auf mobilen Geräten entwickelt, verbessert es die Datenüberprüfung während der Entwicklung oder beim Debugging. Das Widget unterstützt verschachtelte Strukturen und bietet eine saubere, hierarchische Ansicht des JSON-Inhalts. Besonders nützlich für Entwickler, die API-Antworten oder Konfigurationsdateien direkt in der App-Oberfläche schnell überprüfen müssen. Mit Fokus auf Einfachheit und Benutzerfreundlichkeit konzipiert, lässt es sich nahtlos in Flutter-Anwendungen integrieren.

Anwendungsfälle

Debugging von API-Antworten
Konfigurationsdateien überprüfen
Geschachtelte JSON-Daten anzeigen
Verbesserung der Entwicklerwerkzeuge
Roh-JSON in Apps anzeigen

Hauptmerkmale

Hierarchische JSON-Anzeige
erweiterbare Listenstruktur
Mobile-freundliches Design
Einfache Integration mit Flutter
Unterstützt verschachtelte JSON-Objekte

Geeignet für

Flutter-Entwickler
App-Debugger
API-Tester
Mobile UI-Baukästen
Konfigurationsansicht

Hinweise

Nur auf JSON-Daten beschränkt
Keine Bearbeitungsfunktionen
Nicht für sehr große JSON-Dateien optimiert
Benötigt manuelle Einrichtung für dynamische Daten
Keine integrierte Suche oder Filterung

Original-README

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

A Json viewer widget for flutter.

Using the library

The /example/ folder in the GitHub repo contains a full Flutter app with demo examples.

Use this package as a library on Dart dev

1. Depend on it

Add this to your package's pubspec.yaml file:

dependencies:
  flutter_json_widget: ^1.0.3

2. Install it

You can install packages from the command line:

with Flutter:

$ flutter pub get

Alternatively, your editor might support flutter pub get. Check the docs for your editor to learn more.

3. Import it

Now in your Dart code, you can use:

import 'package:flutter_json_widget/flutter_json_widget.dart';

4. Show it

@override
Widget build(BuildContext context) {
    var testString = '''{
        "I": "How are you?",
        "You": "Excellent!"}
        ''';
    Map<String, dynamic> jsonObj = jsonDecode(testString);
    return SafeArea(
        child: SingleChildScrollView(
            child: JsonViewerWidget(jsonObj)
        ),
    );
}

Pakete, Repositories und App-Kategorien suchen