-
Notifications
You must be signed in to change notification settings - Fork 60
Description
-
platform :ios, '13', device iphone 8.
-
dependencies from package.json
"dependencies": {
"@babel/preset-typescript": "^7.18.6",
"@react-native-community/art": "^1.2.0",
"@react-native-community/viewpager": "5.0.11",
"common": "1.0.0",
"deprecated-react-native-prop-types": "^4.0.0",
"expo": "^46.0.0",
"expo-apple-authentication": "~4.3.0",
"expo-av": "~12.0.4",
"expo-device": "~4.3.0",
"expo-firebase-analytics": "~7.2.0",
"expo-font": "~10.2.0",
"expo-in-app-purchases": "~13.1.0",
"expo-keep-awake": "~10.2.0",
"expo-linear-gradient": "~11.4.0",
"expo-linking": "~3.2.4",
"expo-secure-store": "~11.3.0",
"expo-store-review": "~5.3.0",
"expo-updates": "~0.14.7",
"mobx": "^5.8.0",
"mobx-react": "5.4.3",
"node-libs-react-native": "^1.0.3",
"react": "18.0.0",
"react-dom": "18.0.0",
"react-i18next": "9.0.8",
"react-native": "0.69.6",
"react-native-animate-number": "^0.1.2",
"react-native-confetti-cannon": "^1.5.2",
"react-native-fbsdk-next": "^11.1.0",
"react-native-gesture-handler": "~2.5.0",
"react-native-google-mobile-ads": "^8.2.2",
"react-native-particles": "^0.0.8",
"react-native-progress": "^5.0.0",
"react-native-progress-circle": "^2.1.0",
"react-native-ratings": "^7.5.0",
"react-native-reanimated": "~2.9.1",
"react-native-redash": "^14.1.1",
"react-native-responsive-screen": "^1.4.1",
"react-native-root-toast": "^3.3.0",
"react-native-svg": "12.3.0",
"react-native-svg-charts": "5.3.0",
"react-native-swipe-gestures": "^1.0.5",
"react-test-renderer": "18.0.0"
},
"devDependencies": {
"@babel/core": "^7.18.6",
"@types/react": "~18.0.0",
"@types/react-native": "~0.69.1",
"babel-jest": "~25.2.6",
"babel-plugin-module-resolver": "^5.0.0",
"@babel/plugin-proposal-decorators": "^7.20.13",
"@babel/plugin-proposal-class-properties": "^7.18.6",
"babel-preset-expo": "~9.2.0",
"expo-yarn-workspaces": "^2.0.0",
"jest": "^26.6.3",
"react-test-renderer": "18.0.0"
}, -
Code from my project:
startAnimation() {
this.explosion.start();
}
<View style={{ zIndex: 2 }}>
<ConfettiCannon
count={100}
origin={{ x: 200, y: 230 }}
fallSpeed={2000}
fadeOut
explosionSpeed={350}
ref={ref => {
this.explosion = ref;
}}
autoStart={false}
/>