nasso.dev
my fork of the bluesky client
Fix Android keyboard bug when opening a sheet (#6739)
* reimplement KeyboardStickyView
* fix missing arg
samuel.fm
+14
-10
src/screens/Messages/components/MessagesList.tsx
+14
-10
src/screens/Messages/components/MessagesList.tsx
···
1
import React, {useCallback, useRef} from 'react'
2
import {LayoutChangeEvent, View} from 'react-native'
3
-
import {
4
-
KeyboardStickyView,
5
-
useKeyboardHandler,
6
-
} from 'react-native-keyboard-controller'
7
-
import {
8
runOnJS,
9
scrollTo,
10
useAnimatedRef,
···
270
scrollTo(flatListRef, 0, 1e7, false)
271
}
272
},
273
-
onEnd: () => {
274
'worklet'
275
keyboardIsOpening.set(false)
276
},
277
},
···
279
)
280
281
const animatedListStyle = useAnimatedStyle(() => ({
282
-
marginBottom:
283
-
keyboardHeight.get() > bottomOffset ? keyboardHeight.get() : bottomOffset,
284
}))
285
286
// -- Message sending
···
422
}
423
/>
424
</ScrollProvider>
425
-
<KeyboardStickyView offset={{closed: -bottomOffset, opened: 0}}>
426
{convoState.status === ConvoStatus.Disabled ? (
427
<ChatDisabled />
428
) : blocked ? (
···
441
</MessageInput>
442
</>
443
)}
444
-
</KeyboardStickyView>
445
446
{isWeb && (
447
<EmojiPicker
···
1
import React, {useCallback, useRef} from 'react'
2
import {LayoutChangeEvent, View} from 'react-native'
3
+
import {useKeyboardHandler} from 'react-native-keyboard-controller'
4
+
import Animated, {
5
runOnJS,
6
scrollTo,
7
useAnimatedRef,
···
267
scrollTo(flatListRef, 0, 1e7, false)
268
}
269
},
270
+
onEnd: e => {
271
'worklet'
272
+
keyboardHeight.set(e.height)
273
+
if (e.height > bottomOffset) {
274
+
scrollTo(flatListRef, 0, 1e7, false)
275
+
}
276
keyboardIsOpening.set(false)
277
},
278
},
···
280
)
281
282
const animatedListStyle = useAnimatedStyle(() => ({
283
+
marginBottom: Math.max(keyboardHeight.get(), bottomOffset),
284
+
}))
285
+
286
+
const animatedStickyViewStyle = useAnimatedStyle(() => ({
287
+
transform: [{translateY: -Math.max(keyboardHeight.get(), bottomOffset)}],
288
}))
289
290
// -- Message sending
···
426
}
427
/>
428
</ScrollProvider>
429
+
<Animated.View style={animatedStickyViewStyle}>
430
{convoState.status === ConvoStatus.Disabled ? (
431
<ChatDisabled />
432
) : blocked ? (
···
445
</MessageInput>
446
</>
447
)}
448
+
</Animated.View>
449
450
{isWeb && (
451
<EmojiPicker