Gorhom Bottom Sheet 5.2.9: Key Updates and What They Mean for You

Gorhom Bottom Sheet is a popular component for React Native apps, used to create sliding panels that appear from the bottom of the screen. These panels are often used to display additional content or controls without navigating away from the main screen. With the release of version 5.2.9, several important changes have been made to improve the functionality and compatibility of this component. Let's dive into what these changes mean for you and how you can take advantage of them.

What changed

The latest release of Gorhom Bottom Sheet, version 5.2.9, focuses on fixing bugs and enhancing compatibility. Notable fixes include correcting the wrong index reported by the component when using TextInput with autofocus. This means that when a text input field automatically gains focus, the correct index is now reported, preventing potential display issues or user confusion.

Another fix ensures that nothing is deleted from the array if there is no active sheet. In plain English, this means that the component will no longer mistakenly remove elements when no bottom sheet is visible, which helps maintain data integrity.

Additionally, the isLayoutCalculated function, which checks if the layout of the bottom sheet has been calculated, no longer always returns true. This fix ensures that the layout is recalculated only when necessary, improving performance.

Furthermore, the update replaces the deprecated absoluteFillObject with absoluteFill in the StyleSheet. This change aligns with the latest React Native standards, ensuring smoother styling and layout management.

Lastly, the update addresses compatibility with React 19, enhancing type safety for the findNodeHandle function. In simple terms, this means that the component is now better prepared to work with the latest version of React, reducing the risk of errors when finding a node's handle in the virtual DOM.

Who is affected

If you're a developer using Gorhom Bottom Sheet in your React Native applications, these updates are particularly relevant to you. The changes primarily affect those who have experienced issues with autofocus in text inputs, unexpected array deletions, or layout recalculations. Additionally, if you're planning to upgrade to React 19, the compatibility improvements will be beneficial.

Practical impact

The practical impact of these updates is a smoother and more reliable user experience. By addressing bugs related to autofocus and array management, the component now behaves more predictably, reducing the likelihood of user interface glitches. The performance improvements from the layout calculation fix mean that your app can run more efficiently, particularly in scenarios where the bottom sheet is frequently opened and closed.

For developers, the move to use absoluteFill instead of absoluteFillObject simplifies the styling process and ensures compatibility with future React Native updates. This means less time spent on troubleshooting styling issues and more time focusing on building features.

Action checklist

• Update your Gorhom Bottom Sheet dependency: Ensure your project is using version 5.2.9 to benefit from the latest fixes.
• Test autofocus scenarios: If your app uses TextInput with autofocus, verify that the correct index is now reported.
• Check array management: Confirm that no unexpected deletions occur when no bottom sheet is active.
• Review layout recalculations: Monitor performance improvements related to layout calculations.
• Prepare for React 19: If upgrading to React 19, test your app to ensure compatibility with the new changes.

When to ignore

If your app does not use the Gorhom Bottom Sheet component or if you haven't encountered any issues related to the bugs fixed in this release, you might choose to ignore this update. However, it's generally a good practice to stay current with updates to benefit from performance improvements and compatibility enhancements.

For those using the Good Food Pro platform, integrating these updates can enhance the user experience in your food delivery apps. By ensuring your app components are up-to-date, you maintain a smooth and efficient service for your users. To learn more about how Good Food Pro can support your app development, explore our features and documentation.