`JsonView`

JsonView dipakai untuk menampilkan respons object/array secara rapi di UI React Native. Komponen ini cocok untuk debug data API, inspeksi payload, atau panel monitoring internal.

Impor

Contoh import

import { JsonView } from "NexaJS";

Pemakaian dasar (sesuai Home.js)

Contoh dasar

const payload = {
  packageCall: res,
  modelQuery: complexQuery,
  modelsCall: data1models,
};

<JsonView
  data={payload}
  style={{ marginTop: 16 }}
  maxHeight={420}
  dark={false}
  collapsible
/>

Props utama

data: object/array/string JSON yang akan ditampilkan.
maxHeight (default 360): tinggi maksimum area scroll.
dark (default true): tema warna gelap/terang.
collapsible (default false): tampilkan tree dengan toggle ▶/▼.
paginate (default false): pagination berbasis baris (aktif saat non-collapsible).
linesPerPage (default 45): jumlah baris per halaman saat paginate aktif.

Mode pagination

Gunakan pagination untuk payload panjang jika Anda ingin kontrol halaman tanpa mode tree.

Contoh paginate

<JsonView
  data={bigPayload}
  dark={false}
  paginate
  linesPerPage={30}
  maxHeight={420}
/>

Mode collapsible

Jika collapsible aktif, struktur object/array ditampilkan sebagai tree inspector. Pada mode ini, pagination diabaikan.

Helper `formatJson()`

Utilitas formatJson(value, space) tersedia untuk serialisasi aman sebelum render atau logging.

Contoh formatJson

import { formatJson } from "NexaJS";

const pretty = formatJson(payload, 2);
console.log(pretty);

Nxdom Framework

JsonView