Skip to main content

Version 0.10 Release

ยท 2 min read
Jovanni Lo
Lead Mobile Developer

Version 0.10 ๐ŸŽ‰โ€‹

True Sheet is getting better with every update! This latest version introduces some exciting new features to enhance your experience.

Global Static Methodsโ€‹

Many users have asked about presenting the sheet from anywhere within their applications. While there are multiple solutions, we've chosen the simplest approach.

Introducing static methods!

With this update, you can now present the sheet from any part of your code by providing a name to your sheet instance. This streamlines the process and makes it easier to manage your sheets across your application.

Here's an example:

const App = () => {
return (
<TrueSheet name="my-sheet">
<View />
</TrueSheet>
)
}
import { TrueSheet } from '@lodev09/react-native-true-sheet'

const SomeComponent = () => {
const presentMySheet = () => {
TrueSheet.present('my-sheet') // ๐ŸŽ‰
}

return (
<Button onPress={presentMySheet} title="Present My Sheet" />
)
}

Check out our guide on global static methods for examples and detailed usage instructions.

Truly Automatic auto Sizingโ€‹

True Sheet has long supported auto sizing, where the sheet's height adjusts dynamically based on its content. However, in previous versions, this feature had some limitations and required re-presenting the sheet to update the size after content changes.

With version 0.10, auto sizing is now truly automatic. Whenever the content within the sheet changes, the sheet's height will adjust seamlessly without the need for re-presenting. ๐Ÿ˜Ž

stacking

This enhancement ensures a smooth and responsive experience, keeping your sheets sized appropriately at all times without any extra effort on your part.

Check out this example to see it in action!

That's Allโ€‹

We're constantly working to improve True Sheet and bring you the features you need. Stay tuned for more exciting updates in the future!