support react-native@0.26

example/PickerTest/index.android.js

@@ -3,90 +3,96 @@
  * https://github.com/facebook/react-native
  */
 
-import React, {
-	View,
-	Text,
-	TouchableOpacity,
-	Dimensions,
-	Component,
-	StyleSheet,
-	AppRegistry
+import React, {Component} from 'react'
+import {
+    View,
+    Text,
+    TouchableOpacity,
+    Dimensions,
+    StyleSheet,
+    AppRegistry
 } from 'react-native';
 
 import Picker from 'react-native-picker';
 
 function createDateData(){
-	let date = {};
-	for(let i=1950;i<2050;i++){
-		let month = {};
-		for(let j = 1;j<13;j++){
-			let day = [];
-			if(j === 2){
-				for(let k=1;k<29;k++){
-					day.push(k+'日');
-				}
-			}
-			else if(j in {1:1, 3:1, 5:1, 7:1, 8:1, 10:1, 12:1}){
-				for(let k=1;k<32;k++){
-					day.push(k+'日');
-				}
-			}
-			else{
-				for(let k=1;k<31;k++){
-					day.push(k+'日');
-				}
-			}
-			month[j+'月'] = day;
-		}
-		date[i+'年'] = month;
-	}
-	return date;
+    let date = {};
+    for(let i=1950;i<2050;i++){
+        let month = {};
+        for(let j = 1;j<13;j++){
+            let day = [];
+            if(j === 2){
+                for(let k=1;k<29;k++){
+                    day.push(k+'日');
+                }
+            }
+            else if(j in {1:1, 3:1, 5:1, 7:1, 8:1, 10:1, 12:1}){
+                for(let k=1;k<32;k++){
+                    day.push(k+'日');
+                }
+            }
+            else{
+                for(let k=1;k<31;k++){
+                    day.push(k+'日');
+                }
+            }
+            month[j+'月'] = day;
+        }
+        date[i+'年'] = month;
+    }
+    return date;
 };
 
 class PickerTest extends Component {
-	_onPressHandle(){
-		this.picker.toggle();
-	}
 
-	render(){
-		return (
-			<View style={{height: Dimensions.get('window').height}}>
-				<TouchableOpacity style={{marginTop: 20}} onPress={this._onPressHandle.bind(this)}>
-					<Text>Click Me</Text>
-				</TouchableOpacity>
-				<Picker
-					ref={picker => this.picker = picker}
-					style={{height: 260}}
-					showDuration={300}
-					showMask={true}
-					pickerData={createDateData()}
-					selectedValue={['2015年', '12月', '12日']}
-					onPickerDone={(pickedValue) => {
-						console.log(pickedValue);
-					}}
-				/>
-			</View>
-		);
-	}
+    constructor(props, context) {
+        super(props, context);
+    }
+
+    _onPressHandle() {
+        this.picker.toggle();
+    }
+
+    render() {
+        return (
+            <View style={{height: Dimensions.get('window').height}}>
+                <TouchableOpacity style={{marginTop: 20}} onPress={this._onPressHandle.bind(this)}>
+                    <Text>Click Me</Text>
+                </TouchableOpacity>
+                <Picker
+                    ref={picker => this.picker = picker}
+                    style={{height: 260}}
+                    showDuration={300}
+                    showMask={true}
+                    pickerData={createDateData()}
+                    selectedValue={['2015年', '12月', '12日']}
+                    onPickerDone={(pickedValue) => {
+                        alert(JSON.stringify(pickedValue));
+                        console.log(pickedValue);
+                    }}
+                />
+            </View>
+        );
+    }
 }
 
 const styles = StyleSheet.create({
-	container: {
-		flex: 1,
-		justifyContent: 'center',
-		alignItems: 'center',
-		backgroundColor: '#F5FCFF',
-	},
-	welcome: {
-		fontSize: 20,
-		textAlign: 'center',
-		margin: 10,
-	},
-	instructions: {
-		textAlign: 'center',
-		color: '#333333',
-		marginBottom: 5,
-	},
+    container: {
+        flex: 1,
+        justifyContent: 'center',
+        alignItems: 'center',
+        backgroundColor: '#F5FCFF',
+    },
+    welcome: {
+        fontSize: 20,
+        textAlign: 'center',
+        margin: 10,
+    },
+    instructions: {
+        textAlign: 'center',
+        color: '#333333',
+        marginBottom: 5,
+    },
 });
 
 AppRegistry.registerComponent('PickerTest', () => PickerTest);