More Premium Hugo Themes Premium React Themes

React Native Json Tree

React Native JSON Viewer Component, based on react-json-tree

React Native Json Tree

React Native JSON Viewer Component, based on react-json-tree

Author Avatar Theme by dean177
Github Stars Github Stars: 122
Last Commit Last Commit: Feb 4, 2025 -
First Commit Created: Jun 19, 2023 -
React Native Json Tree screenshot

Overview

This product is a React Native JSON Viewer Component that allows users to display and view JSON data in a tree format. It is based on the React JSON Tree component and also supports iterable objects like Immutable.js.

Features

  • Supports displaying iterable objects like Immutable.js
  • Customizable theme using react-base16-styling module
  • Ability to customize labels and values for arrays, objects, and iterables
  • Option to expand or hide nodes, and sort object keys

Installation

To install the React Native JSON Viewer Component, follow these steps:

  1. Install the component via npm:
npm install react-native-json-tree
  1. Import the component into your project:
import JSONTree from 'react-native-json-tree';
  1. Use the JSONTree component in your code to display JSON data:
<JSONTree data={jsonData} />

Summary

The React Native JSON Viewer Component is a useful tool for displaying JSON data in a tree format in a React Native application. It supports iterable objects, allows for theme customization, and provides options for customizing labels and values. With easy installation and a flexible API, this component is a valuable addition to any React Native project.