User:Rajatgeekyants/sandbox
{db-author}}
NativeBase
[edit] | |
| Original author(s) | Sanket Sahu, Sankhadeep Roy, Himanshu Satija |
|---|---|
| Developer(s) | GeekyAnts |
| Initial release | April 15, 2016 |
| Stable release | 2.3.9
/ February 16, 2018[1] |
| Repository | github |
| Written in | JavaScript and React Native |
| Platform | iOS and Android |
| License | Apache License 2.0 |
| Website | nativebase |
NativeBase is a free and open source UI components library for React Native. NativeBase provides mobile application developers with UI components such as buttons, textbox, list view and more to help them develop React Native apps at a much higher pace, saving the development time[2].
As of February 2018, NativeBase has received over 7700 stars[3] on GitHub and over 544,000 downloads[4] through downloads npm.
Origins
[edit]In 2015, Sanket Sahu, Himanshu Satija, and Sankhadeep Roy at GeekyAnts created Native Starter Pro - a beautifully designed, responsive iOS and Android app source code to help developers get started with their React Native project[5].
Then in early 2016, Sanket created React Native App Generator. This was an online app generator that created apps based on the layout of the Native Starter Pro in just five simple steps[6].
Finally, Sanket and his team came up with the idea to provide developers with some standard platform components (UI TabBar for iOS & Drawer for Android) for implementation in order to give the developer's apps a consistent look and feel without compromising the quality of the app. And so on April 15, 2016, NativeBase was launched as an open source project on GitHub[7].
Features
[edit]- A set of generic re-useable UI components.
- Coded with React Native and JavaScript.
- Cross Platform: NativeBase uses the same core logic for both Android and iOS apps.
- NativeBase has Native view rather than Web view. So there will not be any browser compatibility issues.
- Live-Reload
NativeBase 2.0
[edit]On April 7, 2017, GeekyAnts launched NativeBase 2.0[8]. It contains many significant changes like:
Core
[edit]The new version comes with a core that is rewritten using Shoutem's shoutem/theme library.
Stylesheet
[edit]Since the entire style of NativeBase is defined using one single object, developers can now eject the object using Customize and modify any style attribute of any component.
Themes
[edit]NativeBase 2.0 is packed with three preset themes.
- Platform: This is the default theme of NativeBase which maps to the design of the platform where the app runs.
- Material: This can be used on both the platforms (iOS and Android).
- Common Colors: This theme is best suited for when a developer want to build an app using a common color scheme as well as platform specific icons, font, and orientation of the components.
Unified Icons
[edit]Icons in NativeBase are mapped such that the same code leads to relevant icons on Android and iOS.
For example: <Icon name="arrow-back" /> maps to md-arrow-back on Android and ios-arrow-back on iOS.
There is also a fallback option for the legacy support.
See Also
[edit]References
[edit]- ^ GitHub https://github.com/GeekyAnts/NativeBase/blob/master/CHANGELOG.md.
{{cite web}}: Missing or empty|title=(help) - ^ Candillion, William (2017-05-17). "The 80/20 of React Native". Retrieved 2018-02-20.
- ^ NativeBase: 7,700+ GitHub Stars, GeekyAnts, 2018-02-20, retrieved 2018-02-20
- ^ Vorbach, Paul. "npm-stat: download statistics for NativeBase library". npm-stat.com. Retrieved 2018-02-20.
- ^ Pal, Shweta (2016-04-27). "NativeBase : The missing piece of React Native". NativeBase.io Blog. Retrieved 2018-02-20.
- ^ Kaushik, Shruti (2016-04-25). "Building apps using React Native App Generator – NativeBase.io Blog". NativeBase.io Blog. Retrieved 2018-02-20.
- ^ Karsens, Wijnand (2017-03-07). "My view on React Native and why I think it's the future". Geeky Stuff. Retrieved 2018-02-20.
- ^ Sahu, Sanket (2017-02-13). "Launching NativeBase 2.0 – NativeBase.io Blog". NativeBase.io Blog. Retrieved 2018-02-20.