Update status-bar.js (react-navigation#957)

fix importing SafeAreaView issue
fix Dark/Light confusing text

Author: minhna

static/examples/5.x/status-bar.js

@@ -2,15 +2,14 @@ import * as React from 'react';
 import { Text, StatusBar, Button, StyleSheet } from 'react-native';
 import { NavigationContainer } from '@react-navigation/native';
 import { createStackNavigator } from '@react-navigation/stack';
-import { SafeAreaProvider } from 'react-native-safe-area-context';
-import SafeAreaView from 'react-native-safe-area-view';
+import { SafeAreaProvider, SafeAreaView } from 'react-native-safe-area-context';
 
 function Screen1({ navigation }) {
   return (
     <SafeAreaView style={[styles.container, { backgroundColor: '#6a51ae' }]}>
       <StatusBar barStyle="light-content" backgroundColor="#6a51ae" />
-      <Text style={{ color: '#fff' }}>Light Screen</Text>
-      <Button title="Next screen" onPress={() => navigation.navigate('Screen2')} color="#fff" />
+      <Text style={{ color: '#fff' }}>Dark Screen</Text>
+      <Button title="Next screen" onPress={() => navigation.navigate('Screen2')} color="#000" />
     </SafeAreaView>
   );
 }
@@ -19,7 +18,7 @@ function Screen2({ navigation }) {
   return (
     <SafeAreaView style={[styles.container, { backgroundColor: '#ecf0f1' }]}>
       <StatusBar barStyle="dark-content" backgroundColor="#ecf0f1" />
-      <Text>Dark Screen</Text>
+      <Text>Light Screen</Text>
       <Button title="Next screen" onPress={() => navigation.navigate('Screen1')} />
     </SafeAreaView>
   );