ReactNative

React Native Android 独有组件之 DateP

2019-03-22  本文已影响1人  Kevin_小飞象

本组件会打开一个标准的 Android 日期选择器的对话框。

方法

实例

1. 逻辑代码

import React, {Component} from 'react';
import {
  StyleSheet,
  View,
  Alert,
  Button,
  DatePickerAndroid
} from 'react-native';

export default class App extends Component { 
  render() { 
    return (
      <View style={styles.container}>
        <Button
          title='日期对话框'
          onPress={() => {
            DatePickerAndroid.open()
              .then(({ action, year, month,day }) => {
                if (action !== TimePickerAndroid.dismissedAction) { 
                  Alert.alert(year + '/' + month+'/'+day);
                }
            })
          }}
        />
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
  },
  
})

2. 效果图

datepicker.jpg
上一篇下一篇

猜你喜欢

热点阅读