flutter_json_widget

Visão geral do pacote

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

Um widget do Flutter que exibe dados JSON em um formato de lista legível e extensível. Projetado para visualização fácil de JSON em dispositivos móveis, melhora a inspeção de dados durante o desenvolvimento ou depuração. O widget suporta estruturas aninhadas e fornece uma visualização limpa e hierárquica do conteúdo JSON. É particularmente útil para desenvolvedores que precisam examinar rapidamente respostas de API ou arquivos de configuração diretamente na interface do aplicativo. Construído com simplicidade e usabilidade em mente, integra-se perfeitamente em aplicações Flutter.

Casos de uso

Depuração de respostas da API
Inspeção de arquivos de configuração
Visualizar dados JSON aninhados
Melhorando as ferramentas para desenvolvedores
Exibindo JSON bruto em aplicativos

Principais recursos

Exibição hierárquica de JSON
estrutura de lista extensível
Design amigável a dispositivos móveis
Integração fácil com o Flutter
Suporta objetos JSON aninhados

Indicado para

Desenvolvedores Flutter
Depuradores de aplicativos
Testadores de API
Construtores de interface móvel
Visualizadores de configuração

Considerações

Limitado a dados JSON apenas
Sem capacidade de edição
Não otimizado para arquivos JSON muito grandes
Requer configuração manual para dados dinâmicos
Nenhuma busca ou filtragem embutida

README original

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

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

Buscar pacotes, repositórios e categorias de apps