palette not regenerating when app is in background

[jkotra]

Hello,

I noticed that when i manually change color palette of system from settings (while app is running in background), the app's color palette is not automatically updated. I could only refresh it by two ways:

• Toggle Dark Mode
• Restart App

I attached a small clip to demonstrate the bug.

bug.mp4

more interestingly, getPaletteSync() is returning the same old palette even after it's changed, contrary to my assumption that it returns latest palette on each call.

I went through the code a bit (i know very little about android API), this looked interesting..

react-native-material-you/src/index.tsx

Lines 90 to 92 in 73fc6f0

	const subscription = AppState.addEventListener('focus', () => {
	materialYouApi._refresh();
	});

I cant determine if it's a issue of android API or RN library.

---

• example snippet of my dark mode implementation:

const Navigation = () => {
  const isDarkMode = useColorScheme() === 'dark';
  const palette = useMaterialYouPalette();

  const styles = StyleSheet.create({
    tabBarStyle: {
      backgroundColor: isDarkMode ? palette.system_accent2[10] : palette.system_accent1[2],
      height: 75,
      borderTopWidth: 0, // to remove white line at top of tab navigation

    },
};

[jkotra]

UPDATE:
After hours of debugging, i found that bug is to do with race condition. hook (useMaterialYouPalette() in my case) is returned before _refresh() completes.

system_accent1[10] values on AppState event / rerender of home screen.

LOG  hook call: #003921 (App.js)
LOG  cached: #003921 new: #2E2766 (Library -> _refresh)

ALTERNATIVE SOLUTION:

use useMaterialYouService() with useEffect() and useState().

example:

  const x = useMaterialYouService();
  const [palette, setPalette] = useState(x.palette);

  const update = () =>
    setTimeout(() => {
      setPalette(x.palette);
    }, 500);

  useEffect(() => {
    update();
  }, []);

500ms should be enough for _refresh() to complete.

---

@DRFR0ST would appreciate if you could fix the issue. Thanks again for this excellent library 😇

[DRFR0ST]

Hi! Thank you for submitting this issue and also providing an alternative solution. I will try to fix this ASAP. I'm gonna let you know when this gets fixed. Great job! 😃