[3.0.0-beta.1] adaptive themes not working when destructuring theme object

[ngocle2497]

Description

I create new project then add this library. I turn adaptiveThemes on.
I create stylesheet like this:

const styles = StyleSheet.create(({colors}, {screen: {width}}) => ({
  container: {
    paddingHorizontal: 16,
    rowGap: 5,
  },
  fill: {
    flex: 1,
  },
  row: {
    flexDirection: 'row',
    columnGap: 5,
  },
  box: {
    width: (width - 32 - 7 * 5) / 8,
    height: (width - 32 - 7 * 5) / 8,
    backgroundColor: colors.accent,
  },
}));

when switch os theme. UI not update. But when I use:

StyleSheet.create((theme

instead :

StyleSheet.create(({colors}

It's working.

Steps to Reproduce

You can clone repo then follow this video:

Screen.Recording.2024-12-11.at.17.34.30.mov

Snack or Repository Link (Optional)

https://github.com/ngocle2497/Unistyles-issue-adaptiveThemes

Unistyles Version

3.0.0-beta.1

React Native Version

0.76.5

Platforms

iOS

Expo

None

[jpudysz]

Hey 👋🏼 this is currently not supported in babel plugin. You need to use theme or rt directly to detect dependencies. It can be improved so I will keep it as a reference.