json_editor

Visão geral do pacote

Orientação gerada a partir de informações públicas. Apenas para referência.

Um pacote Flutter que fornece um editor JSON personalizável para exibir e editar dados JSON em aplicativos Flutter. Ele oferece destaque de sintaxe, nós colapsáveis e validação em tempo real, tornando-o ideal para desenvolvedores que precisam trabalhar diretamente com estruturas JSON em seus aplicativos. O editor foi projetado para ser intuitivo e responsivo em múltiplas plataformas, incluindo dispositivos móveis e desktop. Integra-se perfeitamente a projetos existentes do Flutter por meio de um simples comando pub add.

Casos de uso

Editando arquivos de configuração JSON
Depuração de respostas da API
Formulários interativos de entrada de dados
Validação em tempo real do JSON
Prototipagem de fluxos de trabalho baseados em JSON

Principais recursos

destaque de sintaxe
Nós JSON colapsáveis
Validação em tempo real
Suporte multiplataforma
Tema de interface personalizável

Indicado para

Desenvolvedores construindo aplicativos com grande uso de JSON
Designers de UI prototipando estruturas de dados
Ferramentas que exigem edição interativa de JSON
Aplicativos educacionais ensinando JSON
Desenvolvedores de aplicativos para desktop e mobile

Considerações

Pode exigir otimização de desempenho para arquivos JSON grandes
Recursos avançados limitados de esquema JSON
Nenhuma funcionalidade de exportação/importação embutida
Depende de repositório externo no GitHub
Não otimizado para estruturas JSON extremamente aninhadas ou profundas

README original

Snapshot do README original do repositório-fonte vinculado. Consulte o repositório para o conteúdo mais recente.

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

Buscar pacotes, repositórios e categorias de apps

Instalar pacote