Category: React Native

It’s difficult to find clear, up-to-date instructions for writing a native Android module for your React Native project. I spent about half a day piecing this all together from a few sources, so here’s how it ended up. Prerequisites: React Native is installed and up and running If you used expo, you should have ejected… Continue reading React Native: Writing a native Android module

Apparently, the whole world doesn’t speak english! Here’s how to add i18n support to your react native project. This article specifically addresses expo, since we’ll be working around i18n tools requiring react-native link. We’re working on WooToApp, which is a native app builder for WooCommerce Stores. It now features internationalisation and language switching (of course!). Add… Continue reading I18n in Expo and React Native

I’m backporting Flow into a large React Native project of mine. It’s unclear sometimes how to do things ‘the right way’ with Flow. This is what’s working so far: Any type that is used across multiple components should exist in it’s own JS file, and be imported as a type. Here’s how that looks in… Continue reading React Native – using Flow

It’s a painful road getting an existing project set up with tests. An existing React Native app of ours, out in the wild, is getting retrofitted with unit tests. The great part is, I know what to test. I know what type of bugs have been introduced in the past and what we’re likely to… Continue reading React Native: Testing with Jest

The header bar in a new react native or expo project will either show as plain white in the background or eat up a good chunk of your app header area. This easy solution will pad out the header component by the height of the status bar, so it integrates nicely up top. First up,… Continue reading Fixing react native header bar (and status bar) on android and iOS.

I’ve listed below a few react native libraries that are useful from time to time. Shoutem 3264 github stars Homepage Github NativeBase 8268 github stars Homepage Github React Native Elements 10309 github stars Homepage Github

When I first started spending time with React Native, it was often a battle to work out just where and how things were supposed to be formatted in the app.json. The base file doesn’t include the splash screen, app icon, notification icons, google signin nodes, and nodes required to build for the Play Store and… Continue reading React Native: Example of full expo app.json