调整 Example 配色

example/src/app.js

+import {StatusBar} from 'react-native'
 import {StackNavigator} from 'react-navigation'
 import Examples from './examples'
 import MapTypes from './map-types'
@@ -7,6 +8,9 @@ import Controls from './controls'
 import Gestures from './gestures'
 import Marker from './marker'
 
+StatusBar.setBackgroundColor('#e0e0e0')
+StatusBar.setBarStyle('dark-content')
+
 export default StackNavigator({
   Examples: {screen: Examples},
   MapTypes: {screen: MapTypes},
@@ -15,4 +19,11 @@ export default StackNavigator({
   Controls: {screen: Controls},
   Gestures: {screen: Gestures},
   Marker: {screen: Marker},
+}, {
+  navigationOptions: {
+    headerTintColor: '#212121',
+    headerStyle: {
+      backgroundColor: '#f5f5f5',
+    },
+  },
 })

example/src/examples.js

@@ -37,19 +37,23 @@ export default class Examples extends Component {
 }
 
 const styles = StyleSheet.create({
+  scrollView: {
+    flex: 1,
+    backgroundColor: '#f5f5f5',
+  },
   group: {
     marginTop: 15,
     borderTopWidth: StyleSheet.hairlineWidth,
-    borderTopColor: '#ddd',
+    borderTopColor: '#e0e0e0',
   },
   item: {
     padding: 15,
     backgroundColor: '#fff',
     borderBottomWidth: StyleSheet.hairlineWidth,
-    borderBottomColor: '#ddd',
+    borderBottomColor: '#e0e0e0',
   },
   itemText: {
     fontSize: 16,
-    color: '#000',
+    color: '#424242',
   },
 })