territoryfan / React Native Tab
A tab view component for React Native
Stars: ✭ 10
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to React Native Tab
Material Bottom Nav
A bottom navigation bar adhering to the Material Design specification.
Stars: ✭ 41 (+310%)
Mutual labels: menu, tab
Char Menu
Create your own menu for fast insertion of arbitrary symbols
Stars: ✭ 19 (+90%)
Mutual labels: menu
Dlslideview
Tabed slide view based on container of ViewController(not UIScrollView). Support infinite pages.
Stars: ✭ 650 (+6400%)
Mutual labels: tab
Kycirclemenu
An iOS UI control that allows you to build a circular menu by laying out buttons in a circle pattern adjusting from the number of buttons (1~6).
Stars: ✭ 784 (+7740%)
Mutual labels: menu
Multisearchview
Yet another built-in animated search view for Android.
Stars: ✭ 837 (+8270%)
Mutual labels: tab
Dropdownmenu
DropDownMenu for Android,Filter the list based on multiple condition.
Stars: ✭ 815 (+8050%)
Mutual labels: menu
Slinky
A light-weight, responsive, mobile-like navigation menu plugin
Stars: ✭ 649 (+6390%)
Mutual labels: menu
Hzdtf.foundation.framework
基础框架系统,支持.NET和.NET Core平台,语言:C#,DB支持MySql和SqlServer,主要功能有抽象持久化、服务层,将业务基本的增删改查抽离复用;提供代码生成器从DB生成实体、持久化、服务以及MVC控制器,每层依赖接口,并需要在客户端将对应实现层用Autofac程序集依赖注入,用AOP提供日志跟踪、事务、模型验证等。对Autofac、Redis、RabbitMQ封装扩展;DB访问提供自动主从访问,Redis客户端分区。特别适合管理系统。
Stars: ✭ 22 (+120%)
Mutual labels: menu
Knife
A burp extension that add some useful function to Context Menu 添加一些右键菜单让burp用起来更顺畅
Stars: ✭ 626 (+6160%)
Mutual labels: menu
Wmzdialog
功能最多样式最多的弹窗,支持普通/微信底部/日期/地区/日历/选择/编辑/分享/菜单/自定义弹窗等,支持多种动画,链式编程调用(Pop-up windows with the most functions and styles, support normal/WeChat bottom/date/region/calendar/select/edit/share/menu/custom pop-up windows, etc., support multiple animations, chain programming calls)
Stars: ✭ 673 (+6630%)
Mutual labels: menu
react-native-tab
A tab view component for React Native,react-native-tab using react-native,support android and ios.
Getting started
The easiest way to get started is to check out the example:
cd example/Mtab
npm install or yarn
react-native start or yarn start
Installation
First you need to install react-native-mtab:
npm install react-native-mtab --save
Component props
name | type | default value | description |
---|---|---|---|
data | object | data | You need to render the data |
tabSelected | number | 0 | Select a number of tab by default |
nSelected | number | 1 | Select the two level menu item under tab by default |
click | function | this.onPress | Click content |
Usage
import Mtab from 'react-native-mtab';
//mock data
const data = {
"tab1": {
"item1": ["item1-1"],
"item2": [
"item2-1",
"item2-2",
"item2-3"
],
"item3": [
"item3-1",
"item3-2",
"item3-3",
"item3-4"
]
},
"tab2":{
"list1": ["list1-1"],
"list2": ["list2-1"],
"list3": ["list3-1", "list3-2",]
}
};
export default class App extends Component {
constructor(props) {
super(props);
}
render() {
return (
<View style={{marginTop:25}}>
<Mtab data={data} tabSelected={0} nSelected={1} click={this.onPress}/>
</View>
);
}
onPress(val) {
alert(val);
}
}
Examples
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].