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",