React-native-navigationbar NPM

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