react-native-animated-tree-view v0.1.4

react-native-animated-tree-view

A React Native animated tree view component

Table of contents

1. Show
2. Usage
3. Props

Show

Installation

yarn add react-native-animated-tree-view

Usage

Firstly, you have to define your data. Example:

const data = [
  {
    name: "Cheese",
    value: "cheese-value"
  },
  {
    name: "Cheese",
    value: "cheese-value",
    items: [
      {
        name: "Spicy",
        value: "spicy-value"
      },
      {
        name: "Cheese",
        value: "cheese-value",
        items: [
          {
            name: "Spicy",
            value: "spicy-value"
          },
          {
            name: "Spicy",
            value: "spicy-value"
          }
        ]
      }
    ]
  }
];

It is required that each node on the tree have its own value key which name should be "value". The tree nodes are defined in the items key. They are an array of objects, following the same structure as the parent.

After defining data, mount the component. Example:

import TreeView from "react-native-animated-tree-view";

export default App = () => {
  return <TreeView data={data} />;
};

Props

ListView

Style Props