-
Notifications
You must be signed in to change notification settings - Fork 0
/
AppCrash.tsx
50 lines (50 loc) · 1.45 KB
/
AppCrash.tsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
import React, {useEffect} from 'react';
import {Text, View} from 'react-native';
import {NavigationContainer} from '@react-navigation/native';
import {createNativeStackNavigator} from '@react-navigation/native-stack';
import {BlurView} from '@react-native-community/blur';
const Stack = createNativeStackNavigator();
function First({navigation}) {
useEffect(() => {
const tmo = setTimeout(() => {
navigation.navigate('Second');
clearTimeout(tmo);
}, 2000);
}, []);
return (
<View style={{flex: 1, alignItems: 'center', justifyContent: 'center'}}>
<BlurView
blurType={'dark'}
style={{height: 100, width: 100}}
blurAmount={15}>
<Text onPress={() => navigation.navigate('Second')}>CLICK HERE TO CRASH</Text>
</BlurView>
</View>
);
}
function Second({navigation}) {
return (
<View style={{flex: 1}}>
{['222', '333', '444', '555', '666'].map(item => (
<BlurView
blurType={'dark'}
style={{height: 100, width: 100}}
blurAmount={15}>
<Text>{item}</Text>
</BlurView>
))}
</View>
);
}
export default function AppCrash() {
return (
<View style={{flex: 1}}>
<NavigationContainer>
<Stack.Navigator initialRouteName={'First'}>
<Stack.Screen name="First" component={First} />
<Stack.Screen name="Second" component={Second} />
</Stack.Navigator>
</NavigationContainer>
</View>
);
}