flutter_json_widget

패키지 개요

공개 정보를 바탕으로 생성한 선택 가이드입니다.

읽기 쉬운 확장 가능한 목록 형식으로 JSON 데이터를 표시하는 플러터 위젯입니다. 모바일 장치에서 JSON을 쉽게 시각화하기 위해 설계되었으며, 개발 또는 디버깅 중 데이터 검사를 향상시킵니다. 중첩 구조를 지원하며 JSON 콘텐츠의 깔끔하고 계층적인 뷰를 제공합니다. 앱 인터페이스 내에서 API 응답이나 구성 파일을 빠르게 확인해야 하는 개발자에게 특히 유용합니다. 단순성과 사용성을 고려하여 제작되었으며, 플러터 애플리케이션에 원활하게 통합됩니다.

사용 사례

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

패키지, 저장소 및 앱 카테고리 검색