Package Exports

react-native-ccs-navbar

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-native-ccs-navbar) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

new update

fix the iPhone X ;

How To Use!

step1

npm i --save react-native-ccs-navbar

step2

import NavBar from 'react-native-ccs-navbar';

step3

import React, { Component } from 'react';
import {
  AppRegistry,
  StyleSheet,
  Text,
  View
} from 'react-native';

import NavBar from 'react-native-ccs-navbar';

export default class TestNavBar extends Component {
  render() {
    return (
      <View style={{flex: 1}}>
        <NavBar title={'title'}
                leftFun={()=>{console.log('123')}}
                leftTitle={'leftTitle'}
                rightTitle={'rightTitle'}
                rightFun={()=>{console.log('123')}}
                navBgColor={'red'}
        />
      </View>
    );
  }
}

props	PropTypes	use	description
isTransparent	React.PropTypes.bool	`false` or `true`	设置navbar背景色为透明,默认false背景色为白色
statusBarStyle	React.PropTypes.string	`'default'` or `'light-content'`	状态栏样式'default'/'light-content'
navBgColor	React.PropTypes.string	`red`	nav整体的背景颜色
statusBgColor	React.PropTypes.string	`rgba(95,95,95,1)`	主要是用于设置安卓的状态栏颜色
title	React.PropTypes.string	`"your title"`	文本标题
leftFun	React.PropTypes.func	func	左边的点击事件
leftIcon	React.PropTypes.any	`require("./images/youIcon.png")` or `{uri: "https://yousite.com/images/icon.png"}`	图片(本地和远程uri都可以)
leftTitle	React.PropTypes.string	`"your title"`	文本标题
rightFun	React.PropTypes.func	func	左边的点击事件
rightIcon	React.PropTypes.any	`require("./images/youIcon.png")` or `{uri: "https://yousite.com/images/icon.png"}`	图片(本地和远程uri都可以)
rightTitle	React.PropTypes.string	`"your title"`	文本标题
titleColor	React.PropTypes.any	`"red"`	title标题颜色

Android	iOS	iPhone X