Skip to main content

Introduction

Following guides will showcase how to bring multiple platform features to a React Native application, from querying basic application information, through simple UI elements and interactions with the device, ending with complex layouts.

Each guide is written in a way, that lets you consume them separately, without knowledge from the previous one, so you can just jump to any that you're interested in.

However, if you're a total beginner in that topic, it's recommended to go in the order these are listed.

For more reference on how to "translate" features like methods, events, view props, etc. defined in JS code to the platform-specific code, visit module's reference and view's reference sections.

Available guides:

  • app info module - a simple module with synchronous methods

  • conic gradient view - extended <View /> with custom gradient background

  • save file picker module - a module that calls platform APIs and returns response via callback or promise method

  • range slider view - a custom native component that wraps 3rd party native library

  • screen orientation module - a simple module that emits events based on data from platform APIs

  • [AVAILABLE SOON] native list view - Android's Fragment & iOS UIViewController integration

If you have any idea on additional guides, share it on Bridging Tutorial's Github.