How to solve 'requireNativeComponent: "RNSScreen" was not found in the UIManager'

Question

I am getting RNSScreen error even though I have installed all related packages and followed react-navigation guide (https://reactnavigation.org/docs/getting-started#installation) but nothing worked for me.

[](https://i.stack.imgur.com/ZSq3W.png)

const Tab = createBottomTabNavigator()

export default function TabBar() {
  return (
    <LinearGradient
      colors={[colors.purpleColorLighter, colors.blueColorDarker]}
      style={styles.linearGradient}
    >
      <Tab.Navigator>
        <Tab.Screen name="home" component={ShowMap}></Tab.Screen>
      </Tab.Navigator>
         
    </LinearGradient>
  )
}

var styles = StyleSheet.create({
  linearGradient: {
    // flex:1,
    height: Dimensions.get('window').height / 10.4,
    flexDirection: 'row',
    justifyContent: 'space-evenly',
    // alignItems:'center'
  },
  // tab_map: {
  //   flex: 1,
  //   justifyContent:'center',
  //   backgroundColor: 'red'
  // },
  // logo: {
  //   flex: 1,
  //   padding: 24,
  //   backgroundColor: 'green'
  // },
  // profile: {
  //   flex: 1,
  //   backgroundColor: 'yellow'
  // },
  button:{
    width:'16%',
    // backgroundColor:'green',
    justifyContent:'center',
    alignItems:'center'
  },
  icon_image: {
    // flex: 1,
    height: '100%',
    // padding:20,
    // backgroundColor: 'red',
    opacity:0.5,
    width: '58%'
  },
  logo_image:{
    width:'90%'
    // height:'100%'
  },
  logo_button:{
    // backgroundColor:'red',
    width:'44%',
    opacity:0.5
  }
});

Here is my code, which expect to run on Android, thanks!