Accordion not working with new architecture enabled

[nnphong1904]

Description

The accordion component doesn't work with new architecture enabled

CodeSandbox/Snack link

https://github.com/nnphong1904/glutstack-accordion-reproduction

Steps to reproduce

1. Clone project
2. Run bun i to install all dependencies
3. Run bun expo run ios
4. Test around with accordion component

gluestack-ui Version

v2

Platform

• Expo
• React Native CLI
• Next
• Web
• Android
• iOS

Other Platform

No response

Additional Information

• I made some investigation. The onLayout function in AnimatedHeight will be fired with the 0 height. So the calculation for the children's height will not be correct.

[rajat693]

hi @nnphong1904 please install the latest version of react-native-svg.

[nnphong1904]

@rajat693 I'm confused here. Why does the react-native-svg version relate to this issue? In my current project, I'm using the latest react-native-svg version, but the issue is still happening.

[rajat693]

@nnphong1904 react-native-svg is used in icon. For now instead of using bun you can use npm. We are working on resolving this issue.

[nnphong1904]

@rajat693 I don't have any issue with the icon. The icon is still working. The problem is with the accordion content. It doesn't open when I press the trigger. I think it is related to the StyleSheet. absolutely. I removed it and replace with position: absolute and the issue is fixed

[Kirill5k]

@nnphong1904, I am facing the same issue. could you please explain how did you manage to fix it?