React Native CLI项目：如何在使用react-navigation时修复热重载

Question

我正在使用反应导航，并且此breaks是热重载。为了解决这个问题，我发现我需要一个基于类的根组件，因为热重载不支持功能性的根组件。我通过将导航组件包装在这样的基于类的组件中来完成这项工作：

class NavigationWrapper extends Component {
  render() {
    return (
      <NavigationContainer>
        <Stack.Navigator initialRouteName="Home">
          <Stack.Screen name="Home" component={Home} />
          <Stack.Screen name="Menu" component={Menu} />
        </Stack.Navigator>
      </NavigationContainer>
    );
  }
}

const App: () => React$Node = () => {
  return <NavigationWrapper />;
};

Answer 1

我将问题移至另一篇文章，因为它直接与ES6 Javascript有关，但对于可能需要它的其他人，这里提供热重装修复程序。