of an app
š«
Ā
Ā
Cover photos, background, modals...
Cards that can be swiped, toggle buttons, view pagers...
https://medium.com/@Jpoliachik/react-native-s-layoutanimation-is-awesome-4a4d317afd3e#.2q15vjah3
LayoutAnimation.configureNext(
LayoutAnimation.Presets.spring);
setState({ ... });
componentDidMount() {
InteractionManager.runAfterInteractions(() => {
Animated.timing(this.state.progress, {
toValue: 200,
}).start();
});
}
render() {
return (<Animated.View style={{
transform: [{
translateX: this.state.progress.interpolate({
inputRange: [0, 1],
outputRange: [500, 0],
}),
opacity: this.state.progress
}],
}}>
<Text>Hello world</Text>
</Animated.View>);
}
.fade.ng-enter {
transition:0.5s linear all;
opacity:0;
}
.fade.ng-enter.ng-enter-active {
opacity:1;
}
<div ng-if="bool" class="fade">
Fade me in out
</div>
https://github.com/react-native-fellowship/react-native-blur
https://github.com/ProjectSeptemberInc/gl-react-native
https://github.com/ProjectSeptemberInc/gl-react
-webkit-filter: blur(10px);
filter: blur(10px);
https://developer.mozilla.org/en/docs/Web/CSS/filter
Pull to refresh on Twitter/Facebook
Essential for a game, maybe not for an app
Game design
10 seconds to vote, disappearing objects...
Customize your profile, edit pictures, build
your stories...