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 | |:---:|:---:|:---:| ||||