react-native-unistyles/lib/module/reanimated/useAnimatedTheme.native.js

Level up your React Native StyleSheet

"use strict";

import { useEffect } from 'react';
import { useSharedValue } from 'react-native-reanimated';
import { StyleSheet, UnistyleDependency, UnistylesRuntime } from '../specs';
export const useAnimatedTheme = () => {
  const theme = useSharedValue(UnistylesRuntime.getTheme());
  useEffect(() => {
    // @ts-ignore this is hidden from TS
    const dispose = StyleSheet.addChangeListener(changedDependencies => {
      if (changedDependencies.includes(UnistyleDependency.Theme)) {
        theme.set(UnistylesRuntime.getTheme());
      }
    });
    return () => dispose();
  }, []);
  return theme;
};
//# sourceMappingURL=useAnimatedTheme.native.js.map