Skip to content

Commit

Permalink
docs: stacking gif
Browse files Browse the repository at this point in the history
  • Loading branch information
lodev09 committed Apr 22, 2024
1 parent 2d7f92d commit 471b802
Show file tree
Hide file tree
Showing 4 changed files with 5 additions and 2 deletions.
2 changes: 1 addition & 1 deletion docs/blog/2024/release-0-10.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -54,7 +54,7 @@ True Sheet has long supported [`auto`](/reference/types#sheetsize) sizing, where

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. 😎

<img src={sizing} width="300"/>
<img alt="stacking" src={sizing} width="300"/>

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

Expand Down
Binary file added docs/docs/guides/stacking/stacking.gif
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Original file line number Diff line number Diff line change
Expand Up @@ -3,8 +3,12 @@ title: Stacking
description: Guide on how to present sheet on top of an existing sheet.
---

import stacking from './stacking.gif'

Sometimes you want to stack the sheets one after another. On iOS, this can cause issues. There are _**two**_ ways to resolve this.

<img alt="stacking" src={stacking} width="300"/>

### 1. Dismiss the "parent" sheet first

```tsx
Expand Down
1 change: 0 additions & 1 deletion src/TrueSheet.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -144,7 +144,6 @@ export class TrueSheet extends PureComponent<TrueSheetProps, TrueSheetState> {
}

private onFooterLayout(layout: LayoutRectangle): void {
console.log('footerHeight', layout.height)
this.setState({
footerHeight: layout.height,
})
Expand Down

0 comments on commit 471b802

Please sign in to comment.