Transitioning to react-native-screens

[lodev09]

Hey everyone 👋

Thanks so much for using and supporting react-native-true-sheet! I originally created this library because there weren’t any native bottom sheet solutions available for React Native at the time.

Now, things have changed. The team behind react-native-screens has started working on their own native bottom sheet, which integrates better with react-navigation and supports the new React Native architecture. Since this aligns better with where the ecosystem is going, I’ve decided to shift my focus there.

I’ve opened a draft PR in there to bring some of the features from true-sheet over. It’s still a WIP, but I’m excited about where it’s headed!

software-mansion/react-native-screens#2902

Going forward, I won’t be adding new features to react-native-true-sheet, and I recommend checking out the upcoming bottom sheet in react-native-screens as it develops.

Thanks again for being part of this project ❤️

[akuul]

Thank you for all the work you did ! ❤️

[codydorsettlynn]

Is there any chance you could update your docs to include an example of how the react-native-screens pattern works?

I don't love that the react-navigation modals (implementing react-native-screens) require being in the root stack and the component-in-screen pattern of true sheet was very attractive to me as well as the way nesting sheets were supported. It allowed for very useful compound components that use multiple sheets for filters, drill downs, etc.

The documentation for react-native-screens leaves a lot to be desired. Honestly its a shame this project is being abandoned, its considerably more approachable than the alternatives. Have you considered implementing your API using react-native-screens as a base?
That notwithstanding, I appreciate all your hard work on the project.

[lodev09]

@codydorsettlynn I totally agree.. RN screens kinda hard to implement if you just want simple sheets to show.

Have you considered implementing your API using react-native-screens as a base?

I did consider it but haven't got the time to explore yet. Specially on IOS, not sure how much work it needs for it to work with rn-screens. Also for New arch, I would need to convert the whole project into Objective-C 🤦‍♂️

I think those are the big blockers right now and transitioning to rn-screens in the meantime is the easiest.

I appreciate your feedback, hopefully it gets easier for us in the future.

[codydorsettlynn]

@lodev09 have you found any suitable alternatives in the last few months? I have been stalling on replacing true sheet because of its unique advantages due to the pattern you have developed. Gorhom comes closest but just does not have that native feel IMO.

[lovegaoshi]

thank you for your work as always!

would you consider adding this announcement in the readme.md section? have to admit I'm a little heartbroken after migrating my menu components into bottom sheets, then saw this while searching for keyboard avoiding techniques in the discussion section.

[lodev09]

If you use expo-router, they now support Modal that is internally rendered under Stack.Screen to make things easier for simple sheets.
https://docs.expo.dev/versions/unversioned/sdk/router/#modal
expo/expo#37365

[marijang]

i dont see documentation for that.

[toadums]

I was waiting for that update with bated breath and it looks like it was reverted 😢 expo/expo#40179

[marijang]

i see that.....i think it will be great to have that...especially for list of values:D

[marijang]

still nothing....

[lodev09]

Just an update:

So after some time working on some features to react-native-screens, we've decided to go back to TrueSheet. It was kinda painful and seems like they're completely ignoring my pr lol.

With that being said, I'm completely rewriting this library to Fabric! It's a major overhaul and comes with new features & fixes.
Here's the draft PR if you want to take a peek #211.

IOS is 90% done. Android on-going!

Thank you for your patience! 😄

[codydorsettlynn]

This is wonderful news @lodev09. Thank you so much for this project and all of your hard work, it is really appreciated by the community.

[lodev09]

react-native-screens integration is now built-in with TrueSheet #213.
There's an upstream PR that is needed there to make it work software-mansion/react-native-screens#3415

Example is patched with this as well.