[examples] fix post title flickering

onejs · Oct 8, 2024 · 64d4e2c · 64d4e2c
1 parent 211509b
commit 64d4e2c
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 10 deletions.
diff --git a/examples/one-recommended/app/(feed)/_layout.tsx b/examples/one-recommended/app/(feed)/_layout.tsx
@@ -10,14 +10,17 @@ export default function FeedLayout() {
         <Slot />
       ) : (
         <Stack
-          screenOptions={{
-            headerRight() {
-              return (
-                <View px="$2">
-                  <ToggleThemeButton />
-                </View>
-              )
-            },
+          screenOptions={({ route }) => {
+            return {
+              title: (route?.params as any)?.preloadTitle || undefined,
+              headerRight() {
+                return (
+                  <View px="$2">
+                    <ToggleThemeButton />
+                  </View>
+                )
+              },
+            }
           }}
         >
           <Stack.Screen
@@ -30,7 +33,7 @@ export default function FeedLayout() {
               },
             }}
           />
-          <Stack.Screen name="post/[id]" options={{ title: 'Post' }} />
+          <Stack.Screen name="post/[id]" />
         </Stack>
       )}
     </View>

diff --git a/examples/one-recommended/code/feed/FeedCard.tsx b/examples/one-recommended/code/feed/FeedCard.tsx
@@ -53,7 +53,16 @@ export const FeedCard = (props: FeedItem) => {
   return props.disableLink ? (
     content
   ) : (
-    <Link asChild href={`/post/${props.id}`}>
+    <Link
+      asChild
+      href={{
+        pathname: `/post/[id]`,
+        params: {
+          id: props.id.toString(),
+          ...(typeof document === 'undefined' ? ({ preloadTitle: props.content } as any) : {}),
+        },
+      }}
+    >
       {content}
     </Link>
   )