fix

Author: pvinis

src/useAccessibilityInfo.ts

@@ -1,26 +1,26 @@
 import React, { useEffect, useState } from 'react'
-import { AccessibilityInfo } from 'react-native'
+import { AccessibilityInfo, AccessibilityChangeEvent, AccessibilityEvent } from 'react-native'
 
 
 export default function useAccessibilityInfo() {
-  const [screenReaderEnabled, updateScreenReaderInfo] = useState(null)
+  const [reduceMotionEnabled, setReduceMotionEnabled] = useState(false)
+  const [screenReaderEnabled, setScreenReaderEnabled] = useState(false)
 
+	const handleReduceMotionChanged = (enabled: AccessibilityChangeEvent) => setReduceMotionEnabled(enabled)
+	const handleScreenReaderChanged = (enabled: AccessibilityChangeEvent) => setScreenReaderEnabled(enabled)
 
-  useEffect(() => {
-    AccessibilityInfo.fetch().then((isEnabled) => {
-      updateScreenReaderInfo(isEnabled)
-    })
-  }, [])
+	useEffect(() => {
+		AccessibilityInfo.isReduceMotionEnabled().then(handleReduceMotionChanged)
+		AccessibilityInfo.isScreenReaderEnabled().then(handleScreenReaderChanged)
 
-  function onChange(isEnabled) {
-    updateScreenReaderInfo(isEnabled)
-  }
+	    AccessibilityInfo.addEventListener('reduceMotionChanged', handleReduceMotionChanged as (event: AccessibilityEvent) => void)
+	    AccessibilityInfo.addEventListener('screenReaderChanged', handleScreenReaderChanged as (event: AccessibilityEvent) => void)
 
-  useEffect(() => {
-    AccessibilityInfo.addEventListener('change', onChange)
+	    return () => {
+			AccessibilityInfo.removeEventListener('reduceMotionChanged', handleReduceMotionChanged as (event: AccessibilityEvent) => void)
+			AccessibilityInfo.removeEventListener('screenReaderChanged', handleScreenReaderChanged as (event: AccessibilityEvent) => void)
+		}
+	}, [])
 
-    return () => AccessibilityInfo.removeEventListener('change', onChange)
-  }, [])
-
-  return screenReaderEnabled
+  return { reduceMotionEnabled, screenReaderEnabled }
 }