zio
/
bsky-app
2
0
Fork 0
Code Pull Requests Packages Releases Activity

[Clipclops] adjust scroll position, keyboard color (#3771) 

* use the correct keyboard appearance based on theme

* i guess the min index should be 1
zio/stable
Hailey 2024-04-30 11:33:41 -07:00 committed by GitHub
parent 611ff0c7e4
commit 268e30d21a
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/screens/Messages/Conversation/MessageInput.tsx
View File

@ -47,6 +47,7 @@ export function MessageInput({
onFocus={onFocus} onFocus={onFocus}
onBlur={onBlur} onBlur={onBlur}
placeholderTextColor={t.palette.contrast_500} placeholderTextColor={t.palette.contrast_500}
keyboardAppearance={t.name === 'light' ? 'light' : 'dark'}
ref={inputRef} ref={inputRef}
/> />
<Pressable <Pressable

6
src/screens/Messages/Conversation/MessagesList.tsx
View File

@ -172,23 +172,23 @@ export function MessagesList({chatId}: {chatId: string}) {
keyExtractor={item => item.message.id} keyExtractor={item => item.message.id}
renderItem={renderItem} renderItem={renderItem}
contentContainerStyle={{paddingHorizontal: 10}} contentContainerStyle={{paddingHorizontal: 10}}
inverted={true}
// In the future, we might want to adjust this value. Not very concerning right now as long as we are only // In the future, we might want to adjust this value. Not very concerning right now as long as we are only
// dealing with text. But whenever we have images or other media and things are taller, we will want to lower // dealing with text. But whenever we have images or other media and things are taller, we will want to lower
// this...probably. // this...probably.
initialNumToRender={20} initialNumToRender={20}
// Same with the max to render per batch. Let's be safe for now though. // Same with the max to render per batch. Let's be safe for now though.
maxToRenderPerBatch={25} maxToRenderPerBatch={25}
inverted={true} removeClippedSubviews={true}
onEndReached={onEndReached} onEndReached={onEndReached}
onScrollToIndexFailed={onScrollToEndFailed} onScrollToIndexFailed={onScrollToEndFailed}
onContentSizeChange={onContentSizeChange} onContentSizeChange={onContentSizeChange}
onViewableItemsChanged={onViewableItemsChanged} onViewableItemsChanged={onViewableItemsChanged}
viewabilityConfig={viewabilityConfig} viewabilityConfig={viewabilityConfig}
maintainVisibleContentPosition={{ maintainVisibleContentPosition={{
minIndexForVisible: 0, minIndexForVisible: 1,
}} }}
ListFooterComponent={<MaybeLoader isLoading={false} />} ListFooterComponent={<MaybeLoader isLoading={false} />}
removeClippedSubviews={true}
ref={flatListRef} ref={flatListRef}
keyboardDismissMode="none" keyboardDismissMode="none"
/> />