[React Native] Fix padding in UIExplorer

microsoft · Jul 3, 2015 · 16cb41a · 16cb41a
1 parent 4fdeed0
commit 16cb41a
Show file tree

Hide file tree

Showing 7 changed files with 3 additions and 1 deletion.
diff --git a/...Images/Examples-UIExplorer-UIExplorerApp.ios/testLayoutExampleSnapshot_1@2x.png b/...Images/Examples-UIExplorer-UIExplorerApp.ios/testLayoutExampleSnapshot_1@2x.png
diff --git a/...Images/Examples-UIExplorer-UIExplorerApp.ios/testSliderExampleSnapshot_1@2x.png b/...Images/Examples-UIExplorer-UIExplorerApp.ios/testSliderExampleSnapshot_1@2x.png
diff --git a/...Images/Examples-UIExplorer-UIExplorerApp.ios/testSwitchExampleSnapshot_1@2x.png b/...Images/Examples-UIExplorer-UIExplorerApp.ios/testSwitchExampleSnapshot_1@2x.png
diff --git a/...ceImages/Examples-UIExplorer-UIExplorerApp.ios/testTextExampleSnapshot_1@2x.png b/...ceImages/Examples-UIExplorer-UIExplorerApp.ios/testTextExampleSnapshot_1@2x.png
diff --git a/...ceImages/Examples-UIExplorer-UIExplorerApp.ios/testViewExampleSnapshot_1@2x.png b/...ceImages/Examples-UIExplorer-UIExplorerApp.ios/testViewExampleSnapshot_1@2x.png
diff --git a/Examples/UIExplorer/UIExplorerPage.js b/Examples/UIExplorer/UIExplorerPage.js
@@ -40,6 +40,7 @@ var UIExplorerPage = React.createClass({
       ContentWrapper = (View: ReactClass<any, any, any>);
     } else {
       ContentWrapper = (ScrollView: ReactClass<any, any, any>);
+      wrapperProps.automaticallyAdjustContentInsets = !this.props.title;
       wrapperProps.keyboardShouldPersistTaps = true;
       wrapperProps.keyboardDismissMode = 'interactive';
     }
@@ -64,14 +65,14 @@ var UIExplorerPage = React.createClass({
 var styles = StyleSheet.create({
   container: {
     backgroundColor: '#e9eaed',
-    paddingTop: 15,
     flex: 1,
   },
   spacer: {
     height: 270,
   },
   wrapper: {
     flex: 1,
+    paddingTop: 10,
   },
 });
 

diff --git a/Examples/UIExplorer/UIExplorerTitle.js b/Examples/UIExplorer/UIExplorerTitle.js
@@ -41,6 +41,7 @@ var styles = StyleSheet.create({
     borderWidth: 0.5,
     borderColor: '#d6d7da',
     margin: 10,
+    marginBottom: 0,
     height: 45,
     padding: 10,
     backgroundColor: 'white',