this repo has no description
add hitslop to buttons
+11
-2
+6
-1
apps/expo/src/app/(tabs)/timeline.tsx
+6
-1
apps/expo/src/app/(tabs)/timeline.tsx
···
1
1
import { useMemo, useRef, useState } from "react";
2
2
import { ActivityIndicator, Text, View } from "react-native";
3
-
import { Stack } from "expo-router";
3
+
import { Tabs as NavigationTabs, Stack } from "expo-router";
4
4
import { AppBskyFeedDefs } from "@atproto/api";
5
5
import { FlashList } from "@shopify/flash-list";
6
6
import { useInfiniteQuery } from "@tanstack/react-query";
···
91
91
const header = (
92
92
<>
93
93
<Stack.Screen options={{ headerShown: true }} />
94
+
<NavigationTabs.Screen
95
+
listeners={(...args: any[]) => {
96
+
console.log("listeners", args);
97
+
}}
98
+
/>
94
99
<Tabs>
95
100
<Tab
96
101
text="Following"
+2
apps/expo/src/components/feed-post.tsx
+2
apps/expo/src/components/feed-post.tsx
···
143
143
<TouchableOpacity
144
144
disabled={toggleRepost.isLoading}
145
145
onPress={() => toggleRepost.mutate()}
146
+
hitSlop={{ top: 0, bottom: 20, left: 10, right: 20 }}
146
147
className="flex-row items-center gap-2"
147
148
>
148
149
<Repeat size={16} color={reposted ? "#2563eb" : "#1C1C1E"} />
···
157
158
<TouchableOpacity
158
159
disabled={toggleLike.isLoading}
159
160
onPress={() => toggleLike.mutate()}
161
+
hitSlop={{ top: 0, bottom: 20, left: 10, right: 20 }}
160
162
className="flex-row items-center gap-2"
161
163
>
162
164
<Heart
+3
-1
apps/expo/src/components/post.tsx
+3
-1
apps/expo/src/components/post.tsx
···
82
82
<TouchableOpacity
83
83
disabled={toggleRepost.isLoading}
84
84
onPress={() => toggleRepost.mutate()}
85
-
className="flex-row items-center gap-2"
85
+
hitSlop={{ top: 0, bottom: 20, left: 10, right: 20 }}
86
+
className="flex-row items-center gap-2 "
86
87
>
87
88
<Repeat size={16} color={reposted ? "#2563eb" : "#1C1C1E"} />
88
89
<Text
···
96
97
<TouchableOpacity
97
98
disabled={toggleLike.isLoading}
98
99
onPress={() => toggleLike.mutate()}
100
+
hitSlop={{ top: 0, bottom: 20, left: 10, right: 20 }}
99
101
className="flex-row items-center gap-2"
100
102
>
101
103
<Heart