React Native FileTransfer (remobile)

A datetime-picker for react-native support for android and ios

Installation

npm install @remobile/react-native-datetime-picker --save

Installation (iOS)

• not need install, on ios use js write

Installation (Android)

...
include ':react-native-datetime-picker'
project(':react-native-datetime-picker').projectDir =newFile(rootProject.projectDir, '../node_modules/@remobile/react-native-datetime-picker/android')

• In android/app/build.gradle

...
dependencies {
...
compile project(':react-native-datetime-picker')
}

• register module (in MainActivity.java)

importcom.remobile.datetimepicker.*; // <--- importpublicclassMainActivityextendsActivityimplementsDefaultHardwareBackBtnHandler {
......
@OverrideprotectedvoidonCreate(BundlesavedInstanceState) {
super.onCreate(savedInstanceState);
mReactRootView = newReactRootView(this);
mReactInstanceManager = ReactInstanceManager.builder()
.setApplication(getApplication())
.setBundleAssetName("index.android.bundle")
.setJSMainModuleName("index.android")
.addPackage(newMainReactPackage())
.addPackage(newRCTDateTimePickerPackage()) // <------ add here
.setUseDeveloperSupport(BuildConfig.DEBUG)
.setInitialLifecycleState(LifecycleState.RESUMED)
.build();
mReactRootView.startReactApplication(mReactInstanceManager, "ExampleRN", null);
setContentView(mReactRootView);
}
......
}

Screencasts

• ios

  
* android
 

Usage

use as follows:

<DateTimePickerref={(picker)=>{this.picker=picker}}/>...this.picker.showDatePicker(...)this.picker.showTimePicker(...)

• on ios, make sure must on topest view

Example

'use strict';varReact=require('react-native');var{
StyleSheet,
TouchableOpacity,
View,
Text,}=React;varDateTimePicker=require('@remobile/react-native-datetime-picker');varButton=require('@remobile/react-native-simple-button');module.exports=React.createClass({getInitialState(){return{date: newDate(),}},showDatePicker(){vardate=this.state.date;this.picker.showDatePicker(date,(d)=>{this.setState({date:d});});},showTimePicker(){vardate=this.state.date;this.picker.showTimePicker(date,(d)=>{this.setState({date:d});});},render(){return(<Viewstyle={styles.container}><Textstyle={{textAlign: 'center'}}>{this.state.date.toString()}</Text><Viewstyle={{height:40}}/><ButtononPress={this.showDatePicker}>showDatePicker</Button><Viewstyle={{height:40}}/><ButtononPress={this.showTimePicker}>showTimePicker</Button><DateTimePickerref={(picker)=>{this.picker=picker}}/></View>);},});varstyles=StyleSheet.create({container: {flex: 1,justifyContent: 'center',paddingTop:20,},});

Methods

• showDatePicker(date, callback(date))
• showTimePicker(date, callback(date))

Caution

• don't need set any props for