Fix imports for RN26

README.md

@@ -72,4 +72,4 @@ var styles = StyleSheet.create({
 #### Props
 - `buttonStyle : TouchableOpacity.propTypes.style` - set button style
 - `textStyle : Text.propTypes.style` - set button text style
-- `onPress : PropTypes.func` - callback for button click
+- `onPress : PropTypes.func` - callback for button click

button.js

@@ -4,8 +4,8 @@
 */
 'use strict'
 
-var React = require('react-native');
-var { StyleSheet, Text, TouchableOpacity, View } = React;
+import React from 'react'
+import { StyleSheet, Text, TouchableOpacity, View } from 'react-native'
 
 module.exports = React.createClass({
     render: function() {
@@ -26,12 +26,12 @@ var styles = StyleSheet.create({
     buttonText: {
         color: '#0069d5',
         alignSelf: 'center',
-        fontSize: 18
+        fontSize: 20
     },
     button: {
-        height: 40,
+        height: 55,
         backgroundColor: 'white',
-        borderColor: 'gray',
+        borderColor: '#eeeeee',
         borderBottomWidth: 1,
         alignSelf: 'stretch',
         justifyContent: 'center'

index.js

@@ -6,12 +6,12 @@
 */
 'use strict';
 
-var React = require('react-native');
-var {
+import React from 'react'
+import {
     StyleSheet,
     TouchableOpacity,
     View,
-} = React;
+} from 'react-native'
 
 var Button = require('./button.js');
 var Overlay = require('./overlay.js');
@@ -36,7 +36,7 @@ module.exports =  React.createClass({
                             {this.props.children}
                         </View>
                         <Button
-                            buttonStyle={{marginTop:6, borderRadius:6}}
+                            buttonStyle={{marginTop:6, borderRadius:15}}
                             textStyle={{color:'red'}}
                             onPress={this.props.onCancel}>{this.props.cancelText}</Button>
                     </Sheet>
@@ -53,10 +53,10 @@ var styles = StyleSheet.create({
         padding: 10,
         paddingBottom: 6,
         justifyContent: "flex-end",
-        backgroundColor: 'rgba(0, 0, 0, 0.5)',
+        backgroundColor: 'rgba(0, 0, 0, 0.3)',
     },
     buttonContainer: {
-        borderRadius:6,
+        borderRadius: 15,
         overflow: 'hidden',
     }
 });

overlay.js

@@ -4,8 +4,9 @@
 */
 'use strict';
 
-var React = require('react-native');
-var { Animated, StyleSheet, View, Dimensions} = React;
+import React from 'react'
+
+import { Animated, StyleSheet, View, Dimensions} from 'react-native'
 
 const DEFAULT_ANIMATE_TIME = 300;
 

sheet.js

@@ -4,8 +4,8 @@
 */
 'use strict';
 
-var React = require('react-native');
-var { Animated, StyleSheet, View, Dimensions} = React;
+import React from 'react'
+import { Animated, StyleSheet, View, Dimensions} from 'react-native'
 
 const DEFAULT_BOTTOM = -300;
 const DEFAULT_ANIMATE_TIME = 300;