diff --git a/example/src/constants/screenNames.ts b/example/src/constants/screenNames.ts
index 171d0d9a1e..d378e70223 100644
--- a/example/src/constants/screenNames.ts
+++ b/example/src/constants/screenNames.ts
@@ -4,6 +4,7 @@ export enum ScreenNames {
REANIMATED_CHAT_FLAT_LIST = "REANIMATED_CHAT_FLAT_LIST",
EVENTS = "EVENTS",
AWARE_SCROLL_VIEW = "AWARE_SCROLL_VIEW",
+ AWARE_SCROLL_VIEW_ENTIRE_SCREEN = "AWARE_SCROLL_VIEW_ENTIRE_SCREEN",
AWARE_SCROLL_VIEW_STICKY_FOOTER = "AWARE_SCROLL_VIEW_STICKY_FOOTER",
STATUS_BAR = "STATUS_BAR",
LOTTIE = "LOTTIE",
diff --git a/example/src/navigation/ExamplesStack/index.tsx b/example/src/navigation/ExamplesStack/index.tsx
index bb1ef2657b..1bdbee865b 100644
--- a/example/src/navigation/ExamplesStack/index.tsx
+++ b/example/src/navigation/ExamplesStack/index.tsx
@@ -3,6 +3,7 @@ import React from "react";
import { ScreenNames } from "../../constants/screenNames";
import AwareScrollView from "../../screens/Examples/AwareScrollView";
+import AwareScrollViewEntireScreen from "../../screens/Examples/AwareScrollViewEntireScreen";
import AwareScrollViewStickyFooter from "../../screens/Examples/AwareScrollViewStickyFooter";
import CloseScreen from "../../screens/Examples/Close";
import EnabledDisabled from "../../screens/Examples/EnabledDisabled";
@@ -30,6 +31,7 @@ export type ExamplesStackParamList = {
[ScreenNames.REANIMATED_CHAT_FLAT_LIST]: undefined;
[ScreenNames.EVENTS]: undefined;
[ScreenNames.AWARE_SCROLL_VIEW]: undefined;
+ [ScreenNames.AWARE_SCROLL_VIEW_ENTIRE_SCREEN]: undefined;
[ScreenNames.AWARE_SCROLL_VIEW_STICKY_FOOTER]: undefined;
[ScreenNames.STATUS_BAR]: undefined;
[ScreenNames.LOTTIE]: undefined;
@@ -66,6 +68,9 @@ const options = {
[ScreenNames.AWARE_SCROLL_VIEW]: {
title: "Aware scroll view",
},
+ [ScreenNames.AWARE_SCROLL_VIEW_ENTIRE_SCREEN]: {
+ title: "Aware scroll view with long text",
+ },
[ScreenNames.AWARE_SCROLL_VIEW_STICKY_FOOTER]: {
title: "Aware scroll view sticky footer",
},
@@ -144,6 +149,11 @@ const ExamplesStack = () => (
name={ScreenNames.AWARE_SCROLL_VIEW}
options={options[ScreenNames.AWARE_SCROLL_VIEW]}
/>
+
+
+
+
+ >
+ );
+}
diff --git a/example/src/screens/Examples/AwareScrollViewEntireScreen/styles.ts b/example/src/screens/Examples/AwareScrollViewEntireScreen/styles.ts
new file mode 100644
index 0000000000..6801805ef8
--- /dev/null
+++ b/example/src/screens/Examples/AwareScrollViewEntireScreen/styles.ts
@@ -0,0 +1,17 @@
+import { StyleSheet } from "react-native";
+
+export const styles = StyleSheet.create({
+ container: {
+ paddingHorizontal: 16,
+ },
+ content: {
+ paddingTop: 50,
+ },
+ input: {
+ width: "100%",
+ borderWidth: 2,
+ borderColor: "black",
+ borderRadius: 8,
+ paddingHorizontal: 12,
+ },
+});
diff --git a/example/src/screens/Examples/Main/constants.ts b/example/src/screens/Examples/Main/constants.ts
index b72b485fad..f59a0ba1b8 100644
--- a/example/src/screens/Examples/Main/constants.ts
+++ b/example/src/screens/Examples/Main/constants.ts
@@ -33,6 +33,12 @@ export const examples: Example[] = [
info: ScreenNames.AWARE_SCROLL_VIEW,
icons: "🤓",
},
+ {
+ title: "Aware scroll view with long text",
+ testID: "aware_scroll_view_entire_screen",
+ info: ScreenNames.AWARE_SCROLL_VIEW_ENTIRE_SCREEN,
+ icons: "🤓🏔️",
+ },
{
title: "Aware scroll view sticky footer",
testID: "aware_scroll_view_sticky_footer",