flutter_json_widget

插件介绍

基于插件公开信息、社区数据与项目使用情况整理的选型参考。

一个 Flutter 小部件，以可读且可扩展的列表格式显示 JSON 数据。专为在移动设备上轻松可视化 JSON 而设计，有助于在开发或调试过程中检查数据。该小部件支持嵌套结构，并提供清晰的层级视图来展示 JSON 内容。对于需要在应用界面内快速查看 API 响应或配置文件的开发者尤其有用。本着简洁与易用的理念构建，可无缝集成到 Flutter 应用中。

适合场景

调试 API 响应
检查配置文件
查看嵌套的 JSON 数据
增强开发者工具
在应用程序中显示原始 JSON

主要特点

分层 JSON 显示
可扩展的列表结构
移动友好设计
与 Flutter 的轻松集成
支持嵌套的 JSON 对象

适合对象

Flutter 开发者
应用调试器
API 测试人员
移动UI构建器
配置查看器

使用建议

仅限 JSON 数据
无编辑功能
未针对非常大的 JSON 文件进行优化
需要手动设置以支持动态数据
无内置搜索或筛选

原始 README

以下为关联源码仓库的 README 原文快照，最新内容请访问源码仓库。

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

搜索插件、代码仓与 APP 分类