TabMEnu

Install

npm i --save react-native-dj-tabmenu

Usage

Using in your app will usually look like this:

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 | |---|---|---|