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 (
      <View style={styles.container}>
        <NavigationBar
          backName='back'
          title='爱普云'
          ...
        />
      </View>
    );
  }
}

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