NativeBase is updated with the latest version 0.5.13.

Current release includes the below mentioned features:

A special type of promoted action “ Floating Action button ” is added, which when clicked contains more related actions.

” is added, which when clicked contains more related actions. Footer contains “Button Tabs”.

Generate Image from Icon: Generates an Image resource for NativeBase Icons.

filter() for null value: Usually if a null value is passed as a child to Component, it throws few errors. This .filter() removes all falsey values from this.props.children, preventing the errors, and returning the correct result.

Badge with FooterTab Button, much like Facebook notifications.

Top TabBar.

Bug fixes with this release:

Checkbox and radio button responds on user’s click.

Updated tab’s background color.

Button supports prop capitalize only in Android.

Added onPress support for elements of FooterTab.

Updated Text style for Badge.

Enhanced Features:

We have fixed some issues in the existing components:

Badge : Updated Text style for Badge.

: Updated Text style for Badge. Button : Improved alignment.

: Improved alignment. Card : Button in Card renders with proper size.

: Button in Card renders with proper size. CardItem : Fixed padding between card items for iOS and Android.

: Fixed padding between card items for iOS and Android. FooterTab : Improved alignment.

: Improved alignment. Header:

1. Supports “title” to be used as single component in Header with proper alignment for iOS and Android.

2. Updated Buttons.

ListItem : Fixed alignment for badge, button.

: Fixed alignment for badge, button. Picker : Improved alignment.

: Improved alignment. Ref : Added _root ref to all components.

: Added _root ref to all components. Searchbar: Alignment of Icon and placeholder text in Searchbar.

Floating Action button: It is used for a special type of promoted action. They are distinguished by a circled icon floating above the UI in a fixed position and have special motion behaviors. When clicked, it may contain more related actions.

Ref: Now it’s easy for developers to access any of the components using ref, along with its associated React Native elements.

After building a component, you may find yourself wanting to reach out and invoke methods on component instances returned from render(). This can be achieved from “refs”. Refs are a great way to send message to a particular child instance.

Roadmap: We will be adding these components in the coming days.

Image Lightbox

ListView Swipe

Date Picker

Slider input

Range slider input

Add growls

NativeBase CLI to rename app

Translucent Header

NativeBase being an open source framework welcomes the developers to clone and fork. Also contribution via submitting bugs, creating pull requests is much appreciated. We are getting great support from the community that includes request to add new feature, to improve the existing components and we welcome every single feedback in the coming days.

Thanks for reading the article. Please share and recommend.