React Native Android 独有组件之 TimeP

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

方法

• open()
  打开一个标准的 Android 时间选择器的对话框。

• timeSetAction()
  已选中一个时间。

• dismissedAction()
  对话框被取消。

实例

1. 逻辑代码

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

export default class App extends Component { 
  render() { 
    return (
      <View style={styles.container}>
        <Button
          title='时间对话框'
          onPress={() => {
            TimePickerAndroid.open()
              .then(({ action, hour, minute }) => {
                if (action !== TimePickerAndroid.dismissedAction) { 
                  Alert.alert(hour + ':' + minute);
                }
            })
          }}
        />
      </View>
    );
  }
}

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

2. 效果图

timepicker.jpg