ENVIRONMENT DETAILS
Windows 7 64bit
$ react-native -v react-native-cli: 2.0.1 react-native: 0.42.0
| let input1$ = this.form.controls.input1.valueChanges; | |
| let input2$ = this.form.controls.input2.valueChanges; | |
| let input3$ = this.form.controls.input3.valueChanges; | |
| combineLatest(input1$, input2$, input3$) | |
| .do(([input1, input2, input3]) => { | |
| this.form.controls.input1.clearAsyncValidators(); | |
| }) | |
| .debounceTime(500) | |
| .subscribe(([input1, input2, input3]) => { | 
| let timeout = 1000; | |
| /** | |
| * Create a custom observable that creates a XHR request and returns complete when the promise is fulfilled | |
| */ | |
| let observable = Rx.Observable.create((o) => { | |
| dataService.fetch('test.json') | |
| .then((data) => { | |
| o.onNext(data); | |
| o.onCompleted(); | 
ENVIRONMENT DETAILS
Windows 7 64bit
$ react-native -v react-native-cli: 2.0.1 react-native: 0.42.0
| import React, {Component, PropTypes} from 'react'; | |
| import {Image, Animated, StyleSheet,ScrollView} from 'react-native'; | |
| import { | |
| DeckSwiper, | |
| Card, | |
| CardItem, | |
| Thumbnail, | |
| Text, | |
| Left, | |
| Right, | 
| import React, {Component, PropTypes} from 'react'; | |
| import {TouchableWithoutFeedback,View,Dimensions, | |
| StyleSheet, Image, Text, TouchableOpacity} from 'react-native'; | |
| import Overlay from 'react-native-overlay'; | |
| import FloatLabelTextInput from 'react-native-floating-label-text-input'; | |
| import {Button, Icon, Item, Input} from 'native-base'; | |
| import AwesomeAlert from 'react-native-awesome-alerts'; | |
| import DismissKeyboard from 'react-native-dismiss-keyboard'; | |
| import SettingMenuContainer from '../settings/SettingMenuContainer'; | |
| import AppStrings from '../../localization/appStrings'; | 
| import React, {Component, PropTypes} from 'react'; | |
| import {TouchableWithoutFeedback,View,Dimensions, | |
| StyleSheet, Image, Text, TouchableOpacity} from 'react-native'; | |
| import Overlay from 'react-native-overlay'; | |
| import FloatLabelTextInput from 'react-native-floating-label-text-input'; | |
| import {Button, Icon, Item, Input} from 'native-base'; | |
| import AppStrings from '../../localization/appStrings'; | |
| import {cleanNumericString} from '../../utils/stringUtils'; | |
| import {SOP_BLUE} from './../../styles/commonStyles'; | 
| import React,{Component, PropTypes} from 'react'; | |
| import {Image} from 'react-native'; | |
| import {Container, View, DeckSwiper, Card, CardItem, | |
| Thumbnail, Text, Left, Right, Body, Icon, Button} from 'native-base'; | |
| import {SOP_ORANGE, SOP_WHITE} from './../styles/commonStyles'; | |
| import AppStrings from './../localization/appStrings'; | |
| const defaultCards = [ | |
| { | |
| title: 'Card One', | 
| // ES6 module syntax | |
| import LocalizedStrings from 'react-native-localization'; | |
| let AppStrings = new LocalizedStrings({ | |
| 'en-US': { | |
| settingMenuOptionOne: 'Centimeters ({0})', | |
| }, | |
| en: { | |
| settingMenuOptionOne: 'Centimeters ({0})', | |
| }, | 
| function offsetCalculateServiceMiddleware(offsetCalculateService) { | |
| return ({ dispatch, getState }) => next => action => { | |
| if (action.type == 'CALCULATE') { | |
| myService.setUnitOfMeasurement(getState().getIn(['settings']).toJSON()); | |
| } | |
| return next(action); | |
| } | |
| } | 
| import React, {Component, PropTypes} from 'react'; | |
| import {TouchableWithoutFeedback,View,Dimensions, | |
| StyleSheet, Image, Text, TouchableOpacity} from 'react-native'; | |
| import Overlay from 'react-native-overlay'; | |
| import FloatLabelTextInput from 'react-native-floating-label-text-input'; | |
| import {Button,Badge,Icon} from 'native-base'; | |
| import AwesomeAlert from 'react-native-awesome-alerts'; | |
| import dismissKeyboard from 'react-native-dismiss-keyboard'; | |
| const ScreenWidth = Dimensions.get('window').width; |