expo_async_storage_hook_persist_state_quickstart.ts

1import React from 'react';
2import { Text, Button, View } from 'react-native';
3import { useAsyncStorage } from '@dwidge/hooks-expo';
4
5const App = () => {
6  const [value, setValue, clearValue] = useAsyncStorage<string>('my-key', 'default-value');
7
8  return (
9    <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
10      <Text>Stored Value: {value}</Text>
11      <Button 
12        title="Update Value" 
13        onPress={() => setValue('updated-' + Math.random().toString(36).substring(7))} 
14      />
15      <Button 
16        title="Clear Value" 
17        onPress={clearValue} 
18      />
19    </View>
20  );
21};
22
23export default App;