1.3.3 • Published 2 years ago
react-native-sticky-state v1.3.3
react-native-sticky-state
Custom hook to persist React Native state using AsyncStorage
If you're looking to persist React state, check out use-sticky-state
⚙️ Installation
In your react-native project folder, run:
npm i react-native-sticky-state --save
💻 Example
import useStickyState from "react-native-sticky-state";
const App = () => {
const [count, setCount] = useStickyState(0, -1, "count");
return (
<View>
<Button onPress={() => setCount(count + 1)}>
<Text>Increment</Text>
</Button>
<Text>{count === -1 ? "loading..." : count}</Text>
</View>
);
};
📚 Usage
const [state, setState] = useStickyState(defaultValue, loadingValue, storageKey);
Property | Description |
---|---|
defaultValue | The default value used if storageKey was not previously set |
loadingValue | The value temporarily used while waiting for useStickyState() to asynchronously grab previous value, can be the same as defaultValue |
storageKey | Unique string key used to persist data, using AsyncStorage package |