// Component const Touchable = ({ onPress, children }) => ( Platform.OS === 'android' ? <TouchableNativeFeedback onPress={onPress}>{ children }</TouchableNativeFeedback> : <TouchableOpacity onPress={onPress}>{ children }</TouchableOpacity> )
render() { const { user: { isAuthenticated } } = this.props return ( <View style={styles.container}> <Body> <KeyboardAwareScrollView> { isAuthenticated ? <PostLogin /> : <PreLogin /> } </KeyboardAwareScrollView> </Body> </View> ) }
componentWillMount () { this.state = { elemWidth: 0 }; this._panResponder = PanResponder.create({ ...panBoilerplate, onPanResponderMove: (e, gestureState) => this.onPanMove(e, gestureState) }); }
render() { return ( <View style={styles.container}> <Body> <ProductList /> </Body> </View> ) }
function Card ({ children, }) { return ( <View style={styles.container}> {children} </View> ); }
// Component const Loading = (props) => ( <View style={styles.container}> <ActivityIndicator size={props.size} color={secondary} /> <Text style={styles.text}>{ props.message }</Text> </View> )
render() { return ( <View style={styles.container}> <Body> <CrateList /> </Body> </View> ) }
render() { return ( <View style={styles.container}> <Body> <ProductList /> </Body> </View> ) }
// Component const TabContent = (props) => { const { items, active } = props return( <View style={styles.container}> { items[active] } </View> ) }
// Component const TabContent = (props) => { const { items, active } = props return( <View style={styles.container}> { items[active] } </View> ) }
render() { return ( <View style={styles.container}> <Body> <CrateList /> </Body> </View> ) }