vergnet/application-amicale
5
5
Fork 5
Code Issues Pull requests Releases Wiki Activity

Improve intro slides style

Browse source
This commit is contained in:
Arnaud Vergnet 2020-08-07 13:45:13 +02:00
parent 956d78ad7f
commit fd44a32b05
1 changed files with 10 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/components/Overrides/CustomIntroSlider.js
View file

@ -174,7 +174,7 @@ export default class CustomIntroSlider extends React.Component<
{state.currentSlide === index ? ( {state.currentSlide === index ? (
<View style={{height: '100%', flex: 1}}> <View style={{height: '100%', flex: 1}}>
<View style={{flex: 1}}>{item.view()}</View> <View style={{flex: 1}}>{item.view()}</View>
<Animatable.View animation="fadeIn"> <Animatable.View useNativeDriver animation="fadeIn">
{index !== 0 && index !== this.introSlides.length - 1 ? ( {index !== 0 && index !== this.introSlides.length - 1 ? (
<Mascot <Mascot
style={{ style={{
@ -218,15 +218,18 @@ export default class CustomIntroSlider extends React.Component<
borderColor: 'rgba(0,0,0,0.60)', borderColor: 'rgba(0,0,0,0.60)',
borderWidth: 4, borderWidth: 4,
borderRadius: 10, borderRadius: 10,
elevation: 0,
}}> }}>
<Card.Content> <Card.Content>
<Animatable.Text <Animatable.Text
useNativeDriver
animation="fadeIn" animation="fadeIn"
delay={100} delay={100}
style={styles.title}> style={styles.title}>
{item.title} {item.title}
</Animatable.Text> </Animatable.Text>
<Animatable.Text <Animatable.Text
useNativeDriver
animation="fadeIn" animation="fadeIn"
delay={200} delay={200}
style={styles.text}> style={styles.text}>
@ -320,7 +323,10 @@ export default class CustomIntroSlider extends React.Component<
static getIconView(icon: MaterialCommunityIconsGlyphs): React.Node { static getIconView(icon: MaterialCommunityIconsGlyphs): React.Node {
return ( return (
<View style={{flex: 1}}> <View style={{flex: 1}}>
<Animatable.View style={styles.center} animation="fadeIn"> <Animatable.View
useNativeDriver
style={styles.center}
animation="fadeIn">
<MaterialCommunityIcons name={icon} color="#fff" size={200} /> <MaterialCommunityIcons name={icon} color="#fff" size={200} />
</Animatable.View> </Animatable.View>
</View> </View>
@ -355,6 +361,7 @@ export default class CustomIntroSlider extends React.Component<
getRenderNextButton = (): React.Node => { getRenderNextButton = (): React.Node => {
return ( return (
<Animatable.View <Animatable.View
useNativeDriver
animation="fadeIn" animation="fadeIn"
style={{ style={{
borderRadius: 25, borderRadius: 25,
@ -369,6 +376,7 @@ export default class CustomIntroSlider extends React.Component<
getRenderDoneButton = (): React.Node => { getRenderDoneButton = (): React.Node => {
return ( return (
<Animatable.View <Animatable.View
useNativeDriver
animation="bounceIn" animation="bounceIn"
style={{ style={{
borderRadius: 25, borderRadius: 25,