Skip to content

Instantly share code, notes, and snippets.

@grabbou
Created September 13, 2015 17:14
Show Gist options
  • Save grabbou/a605df0312b9dbee8446 to your computer and use it in GitHub Desktop.
Save grabbou/a605df0312b9dbee8446 to your computer and use it in GitHub Desktop.
import React, {Animated, View, Text} from 'react-native';
import TrackKeyboard from '../decorators/trackKeyboard';
@TrackKeyboard(1)
export default class Login extends React.Component {
static propTypes = {
animations: React.PropTypes.object.isRequired
}
render() {
const {
animations: {fadeOut, slideUp}
} = this.props;
// Slide up entire content, fade out heading
return (
<Animated.View style={[style.container, slideUp]}>
<Animated.View style={fadeOut}>
// Custom Header, not included in the demo
<Header
iconStyle={{opacity: 0.4}}
onBackIconClick={navigation.pop}
title={msg.login.welcome}
type='big'
/>
</Animated.View>
<View>
// Here is the login form
</View>
</Animated.View>
);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment