docs: mention keyboard controller that can interfere with insets

jpudysz · Jun 27, 2024 · 1ad0616 · 1ad0616
1 parent 2d5d254
commit 1ad0616
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/docs/src/content/docs/reference/edge-to-edge.mdx b/docs/src/content/docs/reference/edge-to-edge.mdx
@@ -49,6 +49,10 @@ const stylesheet = createStyleSheet((theme, rt) => ({
 })
 ```
 
+:::caution
+Unistyles enables `edgeToEdge` by default, but sometimes other libraries might interfere with it. Please check [FAQ](/reference/faq#my-android-app-is-not-edgetoedge) for more details.
+:::
+
 :::tip
 Lear more about Insets in [Insets](/reference/dimensions#insets) guide.
 :::

diff --git a/docs/src/content/docs/reference/faq.mdx b/docs/src/content/docs/reference/faq.mdx
@@ -44,6 +44,11 @@ If your app still doesn't automatically switch themes, ensure that:
 - You have phone with iOS 13+ or Android 10+
 - Your device supports dark mode
 
+### My Android app is not edgeToEdge
+
+Please check other libraries used in the app that might interfere with the edge-to-edge layout. One example is [react-native-keyboard-controller](https://kirillzyusko.github.io/react-native-keyboard-controller/docs/api/keyboard-provider#props), which requires both `statusBarTranslucent` and `navigationBarTranslucent` to be set to `true`.
+
+
 ### I'm getting some TypeScript error for my stylesheet
 
 This should not occur, but if it does, please create a new issue in the GitHub repository.
-Original file line number
+Diff line change
@@ Expand Up / @@ -49,6 +49,10 @@ const stylesheet = createStyleSheet((theme, rt) => ({ @@
     })
     ```
+    :::caution
+    Unistyles enables `edgeToEdge` by default, but sometimes other libraries might interfere with it. Please check [FAQ](/reference/faq#my-android-app-is-not-edgetoedge) for more details.
+    :::
     :::tip
     Lear more about Insets in [Insets](/reference/dimensions#insets) guide.
     :::
@@ Expand Down @@