-
Notifications
You must be signed in to change notification settings - Fork 0
/
App.js
71 lines (61 loc) · 1.59 KB
/
App.js
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
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
import Constants from 'expo-constants';
console.log('fuleteado', Constants.systemFonts);
/**
* ---------------------------------------------------------------------------------------------------
* -------------------------------- REACT-NATIVE-THREADS SAMPLE --------------------------------------
* ---------------------------------------------------------------------------------------------------
*/
import React, {useEffect, useMemo, useState} from 'react';
import type {Node} from 'react';
import {
SafeAreaView,
ScrollView,
StatusBar,
StyleSheet,
Text,
useColorScheme,
View,
Button,
} from 'react-native';
import {Thread} from 'react-native-threads';
export default function App() {
const [message, setMessage] = useState('');
const thread = useMemo(() => {
return new Thread('./worker.thread.js');
}, []);
const handleMessage = m => {
console.log('omgggg ssiiisasss', m);
setMessage(m);
};
useEffect(() => {
thread.onmessage = handleMessage;
}, [thread]);
return (
<View style={styles.container}>
<Text style={styles.welcome}>Welcome to React Native Threads!</Text>
<Button
title="Send Message To Worker Thread"
onPress={() => {
thread.postMessage('Hello');
}}
/>
<View>
<Text>Messages:</Text>
<Text>{message}</Text>
</View>
</View>
);
}
const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: 'center',
alignItems: 'center',
backgroundColor: '#F5FCFF',
},
welcome: {
fontSize: 20,
textAlign: 'center',
margin: 10,
},
});