Security News
The Dark Side of Open Source
At Node Congress, Socket CEO Feross Aboukhadijeh uncovers the darker aspects of open source, where applications that rely heavily on third-party dependencies can be exploited in supply chain attacks.
@mindinventory/rn-top-navbar
Advanced tools
Readme
A @mindinventory/rn-top-navbar package is used to create custom navigation for React native apps. Users can fully customize the navbar. you can change the background color of the status bar. Navigation can contain components like icons, images, and text.
using npm:
npm install @mindinventory/rn-top-navbar
using yarn:
yarn add @mindinventory/rn-top-navbar
import Header from '@mindinventory/rn-top-navbar';
...
<Header style={{ backgroundColor: '#009999' }} statusBarBackground='#008080' barStyle='light-content'>
<Header.Left style={{ backgroundColor: '#009999', width: "15%" }}>
<Icon name='arrow-left' style={{color: '#fff', fontSize: 18}} />
</Header.Left>
<Header.Body style={{ backgroundColor: '#009999', width: "70%" }}>
<Text style={{color: '#fff'}}>Header Title</Text>
</Header.Body>
<Header.Right style={{ backgroundColor: '#009999', flexDirection: 'row', width: '15%' }}>
<Icon name='bars' style={{color: '#fff', fontSize: 18}} />
</Header.Right>
</Header>
Navbar container props
Prop | Type | description |
---|---|---|
statusBarBackground | string | use for change background color of status bar. |
barStyle | string | use for change content of status bar. |
style | style | apply styles on navbar container. |
Left container props
Prop | Type | description |
---|---|---|
style | style | apply styles on left container. |
Body container props
Prop | Type | description |
---|---|---|
style | style | apply styles on body container. |
Right container props
Prop | Type | description |
---|---|---|
style | style | apply styles on right container. |
@mindinventory/rn-top-navbar is MIT-licensed.
If you use our open-source libraries in your project, please make sure to credit us and Give a star to www.mindinventory.com
FAQs
Provides utility methods to set top navigation bar
The npm package @mindinventory/rn-top-navbar receives a total of 4 weekly downloads. As such, @mindinventory/rn-top-navbar popularity was classified as not popular.
We found that @mindinventory/rn-top-navbar demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 10 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
At Node Congress, Socket CEO Feross Aboukhadijeh uncovers the darker aspects of open source, where applications that rely heavily on third-party dependencies can be exploited in supply chain attacks.
Research
Security News
The Socket Research team found this npm package includes code for collecting sensitive developer information, including your operating system username, Git username, and Git email.
Security News
OpenJS is warning of social engineering takeovers targeting open source projects after receiving a credible attempt on the foundation.