UNPKG

react-native-turbo-preferences

Version:

Modern TurboModule wrapper for iOS NSUserDefaults and Android SharedPreferences.

87 lines (77 loc) 2.14 kB
import { useState, useCallback, useEffect } from 'react'; import TurboPreferences from '../NativeTurboPreferences'; /** * Simple React hook for managing a string preference * * @param key - The preference key * @returns [value, setValue, contains, clear] * * @example * ```tsx * function MyComponent() { * const [value, setValue, contains, clear] = usePreferenceString('username'); * * return ( * <View> * <Text>Username: {value || 'Not set'}</Text> * <Button title="Set to John" onPress={() => setValue('John')} /> * <Button title="Clear" onPress={clear} /> * </View> * ); * } * ``` */ export function usePreferenceString( key: string ): [ string | null, (value: string) => Promise<void>, boolean, () => Promise<void>, ] { const [value, setValue] = useState<string | null>(null); const [contains, setContains] = useState<boolean>(false); const setPreferenceValue = useCallback( async (newValue: string) => { if (!key) return; try { await TurboPreferences.set(key, newValue); setValue(newValue); setContains(true); } catch (error) { console.warn('usePreferenceString setValue error:', error); throw error; } }, [key] ); const clearPreferenceValue = useCallback(async () => { if (!key) return; try { await TurboPreferences.clear(key); setValue(null); setContains(false); } catch (error) { console.warn('usePreferenceString clear error:', error); throw error; } }, [key]); // Load initial value on mount and key change useEffect(() => { if (!key) return; const loadInitialValue = async () => { try { const [currentValue, exists] = await Promise.all([ TurboPreferences.get(key), TurboPreferences.contains(key), ]); setValue(currentValue); setContains(exists); } catch (error) { console.warn('usePreferenceString load error:', error); } }; loadInitialValue(); }, [key]); return [value, setPreferenceValue, contains, clearPreferenceValue]; }