React Native: тестовое приложение в разных разрешениях

Question

Что я делаю сейчас, так это закрываю и открываю различные экземпляры эмулятора Android, чтобы увидеть , как он работает в разрешении X .

Есть ли более разумный способ?

Answer 1

Если ваше react-native приложение имеет единственного корня act-native-layout-tester - это то, что вы ищете!

Настройка довольно проста, и вам придется запуститьэто на самом большом устройстве возможно (планшет)

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

В случае, если навигация вашего приложения обрабатывается с помощью react-native-navigation, настройка будет немного сложной, и вы не сможете протестировать Navbar.