React Native Android 独有组件之 TimePickerAndroid

本组件会打开一个标准的 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 (
      
         {
            TimePickerAndroid.open()
              .then(({ action, hour, minute }) => {
                if (action !== TimePickerAndroid.dismissedAction) { 
                  Alert.alert(hour + ':' + minute);
                }
            })
          }}
        />
      
    );
  }
}

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

2. 效果图

timepicker.jpg