react-native-navigationbar

一个为 iOS/Android 提供Navigationbar的库

Install

npm install react-native-navigationbar --save

Usage

``
import React, { Component } from 'react'
import { View } from 'react-native';
import NavigationBar from 'react-native-navigationbar'

class Example extends Component {
render() {
return (

backName='back'
title='爱普云'
...
/>

);
}
}
`

Props:

Name | Description | Default | Type
------|-------------|----------|-----------
title | title of bar | title | string
titleColor | color of title | #333| string
backFunc | called when back-part is pressed | | func
actionArray | buttons located in left-part of bar | [ ] | array
barTintColor | backgroundColor of bar | white | string
renderAction | return right-part view of bar | 64 | func
actionName | right-part's name | null | string
actionFunc | called when right-part is pressed | false| func
actionTextColor | color of actionName | #666 | string
backIconHidden | whether show backIcon | false | bool
statusbarPadding | whether render height of statusbar | | bool
backColor | color of back-part | #777 | string
backName | text of back-part | | string
barOpacity | opacity of bar | 1` | number
barStyle | you can add external for bar | | View.propTypes.style

License

MIT