Application Android et IOS pour l'amicale des élèves
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

MascotIntroWelcome.tsx 2.3KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  1. /*
  2. * Copyright (c) 2019 - 2020 Arnaud Vergnet.
  3. *
  4. * This file is part of Campus INSAT.
  5. *
  6. * Campus INSAT is free software: you can redistribute it and/or modify
  7. * it under the terms of the GNU General Public License as published by
  8. * the Free Software Foundation, either version 3 of the License, or
  9. * (at your option) any later version.
  10. *
  11. * Campus INSAT is distributed in the hope that it will be useful,
  12. * but WITHOUT ANY WARRANTY; without even the implied warranty of
  13. * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
  14. * GNU General Public License for more details.
  15. *
  16. * You should have received a copy of the GNU General Public License
  17. * along with Campus INSAT. If not, see <https://www.gnu.org/licenses/>.
  18. */
  19. import * as React from 'react';
  20. import {StyleSheet, View} from 'react-native';
  21. import * as Animatable from 'react-native-animatable';
  22. import MaterialCommunityIcons from 'react-native-vector-icons/MaterialCommunityIcons';
  23. import Mascot, {MASCOT_STYLE} from '../Mascot/Mascot';
  24. const styles = StyleSheet.create({
  25. center: {
  26. marginTop: 'auto',
  27. marginBottom: 'auto',
  28. marginRight: 'auto',
  29. marginLeft: 'auto',
  30. },
  31. });
  32. function MascotIntroWelcome() {
  33. return (
  34. <View style={{flex: 1}}>
  35. <Mascot
  36. style={{
  37. ...styles.center,
  38. width: '80%',
  39. }}
  40. emotion={MASCOT_STYLE.NORMAL}
  41. animated
  42. entryAnimation={{
  43. animation: 'bounceIn',
  44. duration: 2000,
  45. }}
  46. />
  47. <Animatable.Text
  48. useNativeDriver
  49. animation="fadeInUp"
  50. duration={500}
  51. style={{
  52. color: '#fff',
  53. textAlign: 'center',
  54. fontSize: 25,
  55. }}>
  56. PABLO
  57. </Animatable.Text>
  58. <Animatable.View
  59. useNativeDriver
  60. animation="fadeInUp"
  61. duration={500}
  62. delay={200}
  63. style={{
  64. position: 'absolute',
  65. bottom: 30,
  66. right: '20%',
  67. width: 50,
  68. height: 50,
  69. }}>
  70. <MaterialCommunityIcons
  71. style={{
  72. ...styles.center,
  73. transform: [{rotateZ: '70deg'}],
  74. }}
  75. name="undo"
  76. color="#fff"
  77. size={40}
  78. />
  79. </Animatable.View>
  80. </View>
  81. );
  82. }
  83. export default MascotIntroWelcome;