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.