robinwobin.dev
forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 💫
add android ripple effect to images in feed (#9273)
samuel.fm
+14
+9
src/view/com/util/images/AutoSizedImage.tsx
+9
src/view/com/util/images/AutoSizedImage.tsx
···
6
6
} from 'react-native-reanimated'
7
7
import {Image} from 'expo-image'
8
8
import {type AppBskyEmbedImages} from '@atproto/api'
9
+
import {utils} from '@bsky.app/alf'
9
10
import {msg} from '@lingui/macro'
10
11
import {useLingui} from '@lingui/react'
11
12
···
205
206
accessibilityLabel={image.alt}
206
207
accessibilityHint={_(msg`Views full image`)}
207
208
accessibilityRole="button"
209
+
android_ripple={{
210
+
color: utils.alpha(t.atoms.bg.backgroundColor, 0.2),
211
+
foreground: true,
212
+
}}
208
213
style={[
209
214
a.w_full,
210
215
a.rounded_md,
···
228
233
accessibilityLabel={image.alt}
229
234
accessibilityHint={_(msg`Views full image`)}
230
235
accessibilityRole="button"
236
+
android_ripple={{
237
+
color: utils.alpha(t.atoms.bg.backgroundColor, 0.2),
238
+
foreground: true,
239
+
}}
231
240
style={[a.h_full]}>
232
241
{contents}
233
242
</Pressable>
+5
src/view/com/util/images/Gallery.tsx
+5
src/view/com/util/images/Gallery.tsx
···
2
2
import {type AnimatedRef} from 'react-native-reanimated'
3
3
import {Image, type ImageStyle} from 'expo-image'
4
4
import {type AppBskyEmbedImages} from '@atproto/api'
5
+
import {utils} from '@bsky.app/alf'
5
6
import {msg} from '@lingui/macro'
6
7
import {useLingui} from '@lingui/react'
7
8
···
60
61
}
61
62
onPressIn={onPressIn ? () => onPressIn(index) : undefined}
62
63
onLongPress={onLongPress ? () => onLongPress(index) : undefined}
64
+
android_ripple={{
65
+
color: utils.alpha(t.atoms.bg.backgroundColor, 0.2),
66
+
foreground: true,
67
+
}}
63
68
style={[
64
69
a.flex_1,
65
70
a.overflow_hidden,