-
-
Notifications
You must be signed in to change notification settings - Fork 19
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
3 changed files
with
62 additions
and
1 deletion.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,5 +1,5 @@ | ||
lodev09: | ||
name: Jovanni Lo | ||
title: Lead React Native Developer | ||
title: Lead Mobile Developer | ||
url: https://github.com/lodev09 | ||
image_url: https://github.com/lodev09.png |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,61 @@ | ||
--- | ||
slug: release-0-10 | ||
title: Version 0.10 Release | ||
authors: [lodev09] | ||
tags: [release] | ||
--- | ||
|
||
## 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](/reference/methods#global-methods)! | ||
|
||
With this update, you can now present the sheet from any part of your code by providing a [`name`](/reference/props#name) to your sheet instance. This streamlines the process and makes it easier to manage your sheets across your application. | ||
|
||
Here's an example: | ||
|
||
```tsx {3} | ||
const App = () => { | ||
return ( | ||
<TrueSheet name="my-sheet"> | ||
<View /> | ||
</TrueSheet> | ||
) | ||
} | ||
``` | ||
|
||
|
||
```tsx {5} | ||
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](/guides/global-methods) on global static methods for examples and detailed usage instructions. | ||
|
||
### Truly Automatic `auto` Sizing | ||
|
||
True Sheet has long supported [`auto`](/reference/types#sheetsize) 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. π | ||
|
||
This enhancement ensures a smooth and responsive experience, keeping your sheets sized appropriately at all times without any extra effort on your part. | ||
|
||
Checkout [this example](https://github.com/lodev09/react-native-true-sheet/blob/main/example/src/sheets/PromptSheet.tsx) 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! |
File renamed without changes.