Communication between native and React Native

In Integrating with Existing Apps guide and Native UI Components guide we learn how to embed React Native in a native component and vice versa. When we mix native and React Native components, we'll eventually find a need to communicate between these two worlds. Some ways to achieve that have been already mentioned in other guides. This article summarizes available techniques. Introduction React Native is inspired by React, so the basic idea of the information flow is similar. The flow in Reac

StatusBarIOS#setHidden()

setHidden(hidden, animation?)

NavigatorIOS#shadowHidden

shadowHidden bool A Boolean value that indicates whether to hide the 1px hairline shadow by default

Modal#onShow

onShow function

ToolbarAndroid#subtitleColor

subtitleColor color Sets the toolbar subtitle color.

CameraRoll.saveImageWithTag()

static saveImageWithTag(tag) Saves the image to the camera roll / gallery. On Android, the tag is a local URI, such as "file:///sdcard/img.png". On iOS, the tag can be one of the following: local URI assets-library tag a tag not matching any of the above, which means the image data will be stored in memory (and consume memory as long as the process is alive) Returns a Promise which when resolved will be passed the new URI.

WebView#onNavigationStateChange

onNavigationStateChange function

ToolbarAndroid#onIconClicked

onIconClicked function Callback called when the icon is selected.

ScrollView#decelerationRate

iosdecelerationRate enum('fast', 'normal'), number A floating-point number that determines how quickly the scroll view decelerates after the user lifts their finger. You may also use string shortcuts "normal" and "fast" which match the underlying iOS settings for UIScrollViewDecelerationRateNormal and UIScrollViewDecelerationRateFast respectively. - normal: 0.998 (the default) - fast: 0.99

AppRegistry.registerComponent()

static registerComponent(appKey, getComponentFunc)