React Native: Test app in different resolutions

Question

What I am doing now is closing and opening different instances of Android Emulator to see how it works in X resolution.

Is there a smarter way?

Answer 1

If your react-native app has a single root react-native-layout-tester is what you are looking for!

The setup is fairly straightforward and you will have to run it on the biggest device possible (a tablet)

render() {
        return (
            <LayoutTester> // here
                <Provider store={ store }>
                    <Router
                        initialRoute={ this._initialRoute }
                        ref={ this._setRouter }
                    />
                </Provider>
            </LayoutTester>
        );
    }

In case your app navigation is handled via react-native-navigation, then the setup will be a little complex and you wont be able test the Navbar.