From 09f06d3a636ddbbe7b8380ed55ce422a343dee05 Mon Sep 17 00:00:00 2001
From: lodev09 <lodev09@gmail.com>
Date: Mon, 8 Apr 2024 14:11:31 +0800
Subject: [PATCH] chore: readme

---
 README.md | 30 ++----------------------------
 1 file changed, 2 insertions(+), 28 deletions(-)

diff --git a/README.md b/README.md
index 7d9c458..56bf4a5 100644
--- a/README.md
+++ b/README.md
@@ -235,35 +235,9 @@ return (
 )
 ```
 
-### `FooterComponent` weird layout
+### Weird layout render
 
-If you pass a functional `Component` to the `FooterComponent` prop, it may cause unexpected issues during layout changes. Consider passing a `ReactElement` instead!
-
-Alaternatively, you can wrap the component using the [`useCallback`](https://react.dev/reference/react/useCallback) hook.
-
-```ts
-// Bad ❌
-<TrueSheet FooterComponent={() => <View />}>
-  // ...
-</TrueSheet>
-```
-
-```ts
-// Good ✅
-const MyFooter = useCallback(() => <View />, [])
-return (
-  <TrueSheet FooterComponent={MyFooter}>
-    // ...
-  </TrueSheet>
-)
-```
-
-```ts
-// Better ✅
-<TrueSheet FooterComponent={<View />}>
-  // ...
-</TrueSheet>
-````
+The sheet does not have control over how React Native renders components and may lead to rendering issues. To resolve this, try to minimize the use of `flex=1` in your content styles. Instead, use fixed `height` or employ `flexGrow`, `flexBasis`, etc., to manage your layout requirements.
 
 ## v1 Roadmap