# react-native-dj-tabmenu

> daojia TabMenu

Latest version **1.0.2** (published 2016-12-06) · ISC license · 0 weekly downloads

## Install

```sh
npm install react-native-dj-tabmenu
pnpm add react-native-dj-tabmenu
yarn add react-native-dj-tabmenu
bun add react-native-dj-tabmenu
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.2 |
| Published | 2016-12-06 |
| First published | 2016-12-06 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | kevin |
| Maintainers | birenjie |
| Keywords | daojia, TabMenu |

## Links

- npm: https://www.npmjs.com/package/react-native-dj-tabmenu
- npm.io page: https://npm.io/package/react-native-dj-tabmenu

## Recent versions

- 1.0.2 (latest) — 2016-12-06
- 1.0.1 — 2016-12-06
- 1.0.0 — 2016-12-06

## README

# TabMEnu

![accordion](http://images.daojia.com/img/4d509dfffc7154ea51d66af023c72447.png)


## Install
```shell
npm i --save react-native-dj-tabmenu
```

## Usage
Using in your app will usually look like this:
```js
import React, { Component } from 'react';
import {
  AppRegistry,
  StyleSheet,
  Text,
  View
} from 'react-native';

import {TabMenu,TabMenuDialog} from 'react-native-dj-tabmenu';


export default class NPMTest extends Component {

    _onPress(name,id) {
        alert("name="+name + ",id="+id);
    }

    render() {
        return (
          <TabMenu data={result} nSelected={0} rightClick={this._onPress.bind(this)} >
          </TabMenu>

        );
    }
}

AppRegistry.registerComponent('xxx', () => NPMTest);
```

## Props
The following props can be used to modify the style and/or behaviour:

| Prop | Type | Opt/Required | Default | Note |
|---|---|---|---|---|
|__`data`__|_array_|Required|`{}`| 需要渲染的数据
|__`itemNum`__|number|Option|`3 `| 右边每行排列的item个数
|__`nSelected`__|number|Option|`0 `|左边默认选中的item的索引
|__`rightClick`__|function|Required|`()=>{}`|右边每个item点击的响应函数


## Methods
The following methods can be used to open and close the Dialog:

| Method | Parameters | Note |
|---|---|---|

---
_Source: https://npm.io/package/react-native-dj-tabmenu · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._