-
Notifications
You must be signed in to change notification settings - Fork 0
/
App.tsx
71 lines (58 loc) · 1.77 KB
/
App.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
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
/**
* Sample React Native App
* https://github.com/facebook/react-native
*
* Generated with the TypeScript template
* https://github.com/react-native-community/react-native-template-typescript
*
* @format
*/
import React, {useCallback, useState} from 'react';
import {
Button,
SafeAreaView,
ScrollView,
StatusBar,
Text,
useColorScheme,
} from 'react-native';
import {Colors} from 'react-native/Libraries/NewAppScreen';
import Crypto from 'react-native-quick-crypto';
import {ethers} from 'ethers';
const App: React.FC = () => {
const isDarkMode = useColorScheme() === 'dark';
const backgroundStyle = {
backgroundColor: isDarkMode ? Colors.darker : Colors.lighter,
};
const [address, setAddress] = useState<string>();
const onCreate = useCallback(() => {
const start = (global as any).performance.now();
const wallet = ethers.Wallet.createRandom();
setAddress(wallet.address);
const end = (global as any).performance.now();
console.log(`Creating a Wallet took ${end - start} ms.`);
}, []);
const onGenerateHash = useCallback(() => {
const hashed = Crypto.createHash('sha256')
.update('Hello world')
.digest('hex');
console.log(hashed);
}, []);
const onReset = useCallback(() => {
setAddress(undefined);
}, []);
return (
<SafeAreaView style={backgroundStyle}>
<StatusBar barStyle={isDarkMode ? 'light-content' : 'dark-content'} />
<ScrollView
contentInsetAdjustmentBehavior="automatic"
style={backgroundStyle}
/>
<Text>address: {address}</Text>
<Button title="Create Wallet" onPress={onCreate} />
<Button title="Reset" onPress={onReset} />
<Button title="Generate Hash" onPress={onGenerateHash} />
</SafeAreaView>
);
};
export default App;