diff --git a/example/src/Screens/SimpleStack.tsx b/example/src/Screens/SimpleStack.tsx
index cf2be4b9..351c8b3e 100644
--- a/example/src/Screens/SimpleStack.tsx
+++ b/example/src/Screens/SimpleStack.tsx
@@ -8,9 +8,11 @@ import {
} from '@react-navigation/stack';
import Article from '../Shared/Article';
import Albums from '../Shared/Albums';
+import NewsFeed from '../Shared/NewsFeed';
type SimpleStackParams = {
Article: { author: string };
+ NewsFeed: undefined;
Album: undefined;
};
@@ -28,10 +30,38 @@ const ArticleScreen = ({
+
+
+
+
+ );
+};
+
+const NewsFeedScreen = ({
+ navigation,
+}: {
+ navigation: SimpleStackNavigation;
+}) => {
+ return (
+
+
+
-
+
);
};
@@ -63,10 +93,10 @@ const AlbumsScreen = ({
@@ -95,6 +125,11 @@ export default function SimpleStackScreen({ navigation, ...rest }: Props) {
})}
initialParams={{ author: 'Gandalf' }}
/>
+
;
+
+const Author = () => {
+ return (
+
+
+ Joke bot
+
+ );
+};
+
+const Footer = () => {
+ return (
+
+
+
+
+
+ );
+};
+
+export default function NewsFeed(props: Props) {
+ const ref = React.useRef(null);
+
+ useScrollToTop(ref);
+
+ const { colors } = useTheme();
+
+ return (
+
+
+
+
+
+
+
+
+ If you aren't impressed with the picture of the first Black
+ Hole, you clearly don't understand the gravity of the
+ situation.
+
+
+
+
+
+
+
+
+
+ I went to the zoo and I saw a baguette in a cage. I asked the
+ zookeeper about it and he said it was bread in captivity.
+
+
+
+
+
+
+
+
+ Why didn't 4 ask 5 out? Because he was 2².
+
+
+
+
+
+
+
+
+ What did Master Yoda say when he first saw himself in 4k? HDMI.
+
+
+
+
+
+
+
+
+
+ Someone broke into my house and stole 20% of my couch. Ouch!
+
+
+
+
+
+
+ );
+}
+
+const styles = StyleSheet.create({
+ input: {
+ padding: 16,
+ backgroundColor: 'transparent',
+ margin: 0,
+ },
+ card: {
+ marginVertical: 8,
+ borderRadius: 0,
+ },
+ cover: {
+ height: 160,
+ borderRadius: 0,
+ },
+ content: {
+ marginBottom: 12,
+ },
+ attribution: {
+ margin: 12,
+ },
+ author: {
+ marginHorizontal: 8,
+ },
+ row: {
+ flexDirection: 'row',
+ alignItems: 'center',
+ },
+ icon: {
+ flex: 1,
+ },
+});