rn-navbar

KO | EN

gitlite — search

#react #llm #golang #deep-learning #linux #macos #nodejs #windows #kubernetes #awesome-list #pytorch #security #ios #open-source

(★ 9)

A NavBar component for react-native.

rn-navbar 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

rn-navbar
---
[![NPM version][npm-image]][npm-url]
[![npm download][download-image]][download-url]

[npm-image]: http://img.shields.io/npm/v/rn-navbar.svg?style=flat-square
[npm-url]: http://npmjs.org/package/rn-navbar
[download-image]: https://img.shields.io/npm/dm/rn-navbar.svg?style=flat-square
[download-url]: https://npmjs.org/package/rn-navbar

A NavBar component for react-native.

## Install

```
npm i rn-navbar --save
```

## Usage

```js
var React = require('react-native');
var NavBar = require('rn-navbar');

module.exports = React.createClass({
  render () {
    return (<NavBar title="RNComponents" backFunc={()=>{this.props.navigator.pop()}} />);
  }
});
```

## Props

Name | Description | Default  | Note
------|-------------|----------|-----------
title | navbar title  | `title` |
backFunc  | back function | |
backColor | back button color | `#777` |
tintColor | color of the button of the navbar | `#777` |
titleTextColor | title color of the navbar | `#333` |
barTintColor | background color of the navbar | `white` |
actionName | right action text | |
actionFunc | right action function | |
actionTextColor | color of action text | `#666` |
backHidden | hide the backIcon/backName | `false` |
backIcon | hide the backIcon to display backName | `false` |
backName | left button text | `back` |
backTextColor | color of back text | `#666` |
statusbarPadding | add a padding for statusbar or not | `true` |
barBottomColor | add a color for the bottom border | `#d4d4d4` |
barBottomThickness | add a thickness to the bottom border | `0.5` |

## Example

[RNNavbar](./example/RNNavbar)

## Screenshot

- Default NavBar

- With Action button

## License

The MIT License

rn-navbar

rn-navbar 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

rn-navbar

rn-navbar 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README