UNPKG

rnx-ui-navbar

Version:

RNX UI Component: NavBar

27 lines (20 loc) • 1.23 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
# NavBar [![npm](https://img.shields.io/npm/v/rnx-ui-navbar.svg?maxAge=2592000)](https://www.npmjs.com/package/rnx-ui-navbar) [![npm](https://img.shields.io/npm/dt/rnx-ui-navbar.svg?maxAge=2592000)](https://www.npmjs.com/package/rnx-ui-navbar) 导航栏组件 ## API Prop |Type |Default |Required | Description --- |--- |--- |--- | --- style |style |null |no |自定义样式 statusBarHeight |number |0(Android) 20(iOS) |no |statusBar 高度 height |number |56(Android) 44(iOS)|no |navBar 高度 title |string/element|'' |no |标题 centerTextStyle |style |null |no |标题文本颜色（title 为字符串时才生效） leftBtn |element |null |no |左侧按钮 leftEvent |func |() => {}|no |左侧点击事件 rightBtn |element |null |no |右侧按钮 rightEvent |func |() => {}|no |右侧点击事件 titleGap |number |50 |no |标题到左右两边的距离 activeOpacity |number |0.6 |no |按钮点击透明度变化 ## Demo ![](demo.png)