render() { const { user: { isAuthenticated } } = this.props return ( <View style={styles.container}> <Body> <KeyboardAwareScrollView> { isAuthenticated ? <PostLogin /> : <PreLogin /> } </KeyboardAwareScrollView> </Body> </View> ) }
const AuthLayout = ({ reset, errorStore, children }) => { return ( <KeyboardAwareScrollView style={styles.viewStyle} contentContainerStyle={styles.containerStyle}> <View> <BackButton onPress={() => { reset(); Actions.start() }} /> <Image style={styles.imgStyle} source={require('../../img/logo.png')} alt="Frank's logo" /> <Error errorStore={errorStore} /> </View> <View style={styles.formStyle}> {children} </View> </KeyboardAwareScrollView> ); }
/** * React Pure Component to display * the profile page where the person's details * can be updated. * @param {Object} props - Standard react prop * @param {function} person - The person's details object * */ function PersonProfile({ person }) { return ( <UpdatePerson> {(update_worker, { data, loading, error }) => { if (error) return <Text>Error :(</Text>; return ( <KeyboardAwareScrollView> <PersonHeaderCard person={person} /> <PersonProfileForm person={person} updateWorker={update_worker} /> </KeyboardAwareScrollView> ); }} </UpdatePerson> ); }
const Demo = () => { return ( <KeyboardAwareScrollView style={{ backgroundColor: '#4c69a5' }} resetScrollToCoords={{ x: 0, y: 0 }} contentContainerStyle={styles.container} scrollEnabled={false} > <Image source={logo} style={styles.logo} /> <TextInput placeholder="Email" style={styles.input} /> <TextInput placeholder="Username" style={styles.input} /> <TextInput placeholder="Password" style={styles.input} /> <TextInput placeholder="Confirm Password" style={styles.input} /> </KeyboardAwareScrollView> ); }
/> </View> <KeyboardAwareScrollView style={{ maxHeight: constants.BaseStyle.DEVICE_HEIGHT * 0.75
render() { return ( <KeyboardAwareScrollView style={{ flex: 1, backgroundColor: '#ffffff' }}> <CoverImage source={this.state.coverImage} size={150} /> <View
render() { const spacer = (<View style={{ height: Metrics.screenHeight / 40 }} />); return ( <KeyboardAwareScrollView style={{ flex: 1, backgroundColor: Colors.brandPrimary }} automaticallyAdjustContentInsets={false}
/> <KeyboardAwareScrollView contentContainerStyle={stylesCommon.flexGrow} enableOnAndroid={true}
<KeyboardAwareScrollView contentContainerStyle={stylesCommon.flexGrow} enableOnAndroid={true}
const CancelView = props => { let { sureMessage, cancelMessage, onCancelPress, onConfirmPress } = props; return ( <KeyboardAwareScrollView> <View style={Styles.container}> <View style={Styles.modalView}>
render() { const spacer = (<View style={{ height: Metrics.screenHeight / 40 }} />); return ( <KeyboardAwareScrollView style={{ flex: 1, backgroundColor: Colors.brandPrimary }} automaticallyAdjustContentInsets={false}
render() { const { user: { isAuthenticated } } = this.props return ( <View style={styles.container}> <Body> <KeyboardAwareScrollView> { isAuthenticated ? <PostLogin /> : <PreLogin /> } </KeyboardAwareScrollView> </Body> </View> ) }
render() { const spacer = (<View style={{ height: Metrics.screenHeight / 40 }} />); return ( <KeyboardAwareScrollView style={{ flex: 1, backgroundColor: Colors.brandPrimary }} automaticallyAdjustContentInsets={false}
render() { const spacer = (<View style={{ height: Metrics.screenHeight / 40 }} />); return ( <KeyboardAwareScrollView style={{ flex: 1, backgroundColor: Colors.brandPrimary }} automaticallyAdjustContentInsets={false}
render() { const spacer = (<View style={{ height: Metrics.screenHeight / 40 }} />); return ( <KeyboardAwareScrollView style={{ flex: 1, backgroundColor: Colors.brandPrimary }} automaticallyAdjustContentInsets={false}