Белый экран в expo, когда другой файл импортируется в app.js

#reactjs #react-native #expo

#reactjs #реагировать-родной #экспо

Вопрос:

Это и есть тот самый app.js файл, в котором нет ошибки. Но когда AbcdPage импортируется из AbcdPage.js файл весь симулятор и эмулятор становятся полностью белыми. Ничего не отображается, также терминал в vscode не показывает никаких ошибок или предупреждений.

 import React, { Component } from 'react';
import AbcdPage from "./components/AbcdPage"

export default class App extends Component {
  render() {
    return (
      <View>
        <AbcdPage />
      </View>
    );
  }
}

 

Вот так AbcdPage.js файл, весь импорт выполнен правильно в этом AbcdPage.js досье.

 const Drawer = createDrawerNavigator();

export default function AbcdPage(props) {
    return (
      <NavigationContainer>
        <Drawer.Navigator
          drawerPosition="right"
          drawerContent={(props) => <DrawerContent {...props} />}
        >
          <Drawer.Screen name="HomeDrawer" component={Screen1} />
        </Drawer.Navigator>
      </NavigationContainer>
    );
}
 

Заранее спасибо за вашу помощь.

Ответ №1:

Попробуйте добавить в свой вид стиль компонента flex:1

Комментарии:

1. Это сработало, но все значки в приложении только что были удалены, какое-либо решение для этого?