use style property instead of view wrapper

for exmaples

Author: skv-headless

examples/FacebookTabsExample/FacebookExample.js

@@ -11,43 +11,41 @@ import ScrollableTabView from 'react-native-scrollable-tab-view';
 
 export default React.createClass({
   render() {
-    return <View style={styles.container}>
-      <ScrollableTabView initialPage={1} renderTabBar={() => <FacebookTabBar />}>
-        <ScrollView tabLabel="ios-paper" style={styles.tabView}>
-          <View style={styles.card}>
-            <Text>News</Text>
-          </View>
-        </ScrollView>
-        <ScrollView tabLabel="ios-people" style={styles.tabView}>
-          <View style={styles.card}>
-            <Text>Friends</Text>
-          </View>
-        </ScrollView>
-        <ScrollView tabLabel="ios-chatboxes" style={styles.tabView}>
-          <View style={styles.card}>
-            <Text>Messenger</Text>
-          </View>
-        </ScrollView>
-        <ScrollView tabLabel="ios-notifications" style={styles.tabView}>
-          <View style={styles.card}>
-            <Text>Notifications</Text>
-          </View>
-        </ScrollView>
-        <ScrollView tabLabel="ios-list" style={styles.tabView}>
-          <View style={styles.card}>
-            <Text>Other nav</Text>
-          </View>
-        </ScrollView>
-      </ScrollableTabView>
-    </View>;
+    return <ScrollableTabView
+      style={{marginTop: 20, }}
+      initialPage={1}
+      renderTabBar={() => <FacebookTabBar />}
+      >
+      <ScrollView tabLabel="ios-paper" style={styles.tabView}>
+        <View style={styles.card}>
+          <Text>News</Text>
+        </View>
+      </ScrollView>
+      <ScrollView tabLabel="ios-people" style={styles.tabView}>
+        <View style={styles.card}>
+          <Text>Friends</Text>
+        </View>
+      </ScrollView>
+      <ScrollView tabLabel="ios-chatboxes" style={styles.tabView}>
+        <View style={styles.card}>
+          <Text>Messenger</Text>
+        </View>
+      </ScrollView>
+      <ScrollView tabLabel="ios-notifications" style={styles.tabView}>
+        <View style={styles.card}>
+          <Text>Notifications</Text>
+        </View>
+      </ScrollView>
+      <ScrollView tabLabel="ios-list" style={styles.tabView}>
+        <View style={styles.card}>
+          <Text>Other nav</Text>
+        </View>
+      </ScrollView>
+    </ScrollableTabView>
   },
 });
 
 const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    marginTop: 30,
-  },
   tabView: {
     flex: 1,
     padding: 10,

examples/FacebookTabsExample/OverlayExample.js

@@ -34,7 +34,6 @@ export default React.createClass({
 
 const styles = StyleSheet.create({
   container: {
-    flex: 1,
     marginTop: 30,
   },
   icon: {

examples/FacebookTabsExample/ScrollableTabsExample.js

@@ -1,6 +1,5 @@
 import React from 'react';
 import {
-  StyleSheet,
   Text,
   View,
 } from 'react-native';
@@ -9,21 +8,16 @@ import ScrollableTabView, { ScrollableTabBar, } from 'react-native-scrollable-ta
 
 export default React.createClass({
   render() {
-    return <View style={styles.container}>
-      <ScrollableTabView initialPage={0} renderTabBar={() => <ScrollableTabBar />}>
-        <Text tabLabel='Tab #1'>My</Text>
-        <Text tabLabel='Tab #2 word word'>favorite</Text>
-        <Text tabLabel='Tab #3 word word word'>project</Text>
-        <Text tabLabel='Tab #4 word word word word'>favorite</Text>
-        <Text tabLabel='Tab #5'>project</Text>
-      </ScrollableTabView>
-    </View>;
-  },
-});
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    marginTop: 30,
+    return <ScrollableTabView
+      style={{marginTop: 20, }}
+      initialPage={0}
+      renderTabBar={() => <ScrollableTabBar />}
+    >
+      <Text tabLabel='Tab #1'>My</Text>
+      <Text tabLabel='Tab #2 word word'>favorite</Text>
+      <Text tabLabel='Tab #3 word word word'>project</Text>
+      <Text tabLabel='Tab #4 word word word word'>favorite</Text>
+      <Text tabLabel='Tab #5'>project</Text>
+    </ScrollableTabView>
   },
 });