3.0.1 • Published 6 years ago

react-native-ccs-navbar v3.0.1

Weekly downloads
1
License
ISC
Repository
github
Last release
6 years ago

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>
    );
  }
}
propsPropTypesusedescription
isTransparentReact.PropTypes.boolfalse or true设置navbar背景色为透明,默认false背景色为白色
statusBarStyleReact.PropTypes.string'default' or 'light-content'状态栏样式'default'/'light-content'
navBgColorReact.PropTypes.stringrednav整体的背景颜色
statusBgColorReact.PropTypes.stringrgba(95,95,95,1)主要是用于设置安卓的状态栏颜色
titleReact.PropTypes.string"your title"文本标题
leftFunReact.PropTypes.funcfunc左边的点击事件
leftIconReact.PropTypes.anyrequire("./images/youIcon.png") or {uri: "https://yousite.com/images/icon.png"}图片(本地和远程uri都可以)
leftTitleReact.PropTypes.string"your title"文本标题
rightFunReact.PropTypes.funcfunc左边的点击事件
rightIconReact.PropTypes.anyrequire("./images/youIcon.png") or {uri: "https://yousite.com/images/icon.png"}图片(本地和远程uri都可以)
rightTitleReact.PropTypes.string"your title"文本标题
titleColorReact.PropTypes.any"red"title标题颜色
AndroidiOSiPhone X
图片图片图片
3.0.1

6 years ago

3.0.0

6 years ago

2.0.0

7 years ago

1.0.1

7 years ago

1.0.0

7 years ago