Commit 2e6c425e authored by xwenliang's avatar xwenliang

modify example

parent 43d94ed3
This diff is collapsed.
'use strict'; 'use strict';
import React from 'react-native'; import React, {
View,
Text,
TouchableOpacity,
Dimensions
} from 'react-native';
import Picker from 'react-native-picker'; import Picker from 'react-native-picker';
function createDateData(){ function createDateData(){
...@@ -33,22 +39,27 @@ function createDateData(){ ...@@ -33,22 +39,27 @@ function createDateData(){
export default class DatePicker extends React.Component { export default class DatePicker extends React.Component {
toggle(){ _onPressHandle(){
this.picker.toggle(); this.picker.toggle();
} }
render(){ render(){
return ( return (
<View style={{height: Dimensions.get('window').height}}>
<TouchableOpacity style={{marginTop: 20}} onPress={this._onPressHandle.bind(this)}>
<Text>点我</Text>
</TouchableOpacity>
<Picker <Picker
ref={picker => this.picker = picker} ref={picker => this.picker = picker}
pickerHeight={300} pickerHeight={320}
showDuration={300} showDuration={300}
pickerData={this.props.pickerData || createDateData()} pickerData={createDateData()}
selectedValue={this.props.selectedValue} selectedValue={['2015年', '12月', '12日']}
onPickerDone={(pickedValue) => { onPickerDone={(pickedValue) => {
this.props.onPickerDone && this.props.onPickerDone(pickedValue); console.log(pickedValue);
}} }}
/> />
</View>
); );
} }
}; };
\ No newline at end of file
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment