Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[portal][FlatList] - Overload style issue ? #49

Open
Kirite11111 opened this issue Apr 23, 2024 · 0 comments
Open

[portal][FlatList] - Overload style issue ? #49

Kirite11111 opened this issue Apr 23, 2024 · 0 comments

Comments

@Kirite11111
Copy link

I'm working on a react-native + expo application. I have a screen Home with a fox template (.glb with react-three/fiber) in the middle and a Navbar at the bottom. I have a button in my Navbar which allows me to unfold a Modal (ClothesScreen) which takes up 30% of the bottom of the screen (enough to display content and to leave the fox visible in the background). In this Modal I have a FlatList of items. I'm trying to make an item from the FlatList draggable to the fox modele.

My problem: I use react-native-gesture-handler and react-native-reanimated to make my item draggable but when I drag my item outside the FlatList it goes below all the content. I tried to fix the problem using zIndex but it didn't work at all. I tried using Portals (@gorhom/portal) which fixed my problem but made my FlatList unusable because Portals seem to overload its style, displaying the items vertically when I want them horizontally ect.... I haven't found a solution to correct this problem, does anyone have any ideas on this style problem?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant