diff --git a/src/screens/Messages/Conversation/MessageInput.tsx b/src/screens/Messages/Conversation/MessageInput.tsx index 3a3ce38f..1a63b1b5 100644 --- a/src/screens/Messages/Conversation/MessageInput.tsx +++ b/src/screens/Messages/Conversation/MessageInput.tsx @@ -47,6 +47,7 @@ export function MessageInput({ onFocus={onFocus} onBlur={onBlur} placeholderTextColor={t.palette.contrast_500} + keyboardAppearance={t.name === 'light' ? 'light' : 'dark'} ref={inputRef} /> item.message.id} renderItem={renderItem} 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 // dealing with text. But whenever we have images or other media and things are taller, we will want to lower // this...probably. initialNumToRender={20} // Same with the max to render per batch. Let's be safe for now though. maxToRenderPerBatch={25} - inverted={true} + removeClippedSubviews={true} onEndReached={onEndReached} onScrollToIndexFailed={onScrollToEndFailed} onContentSizeChange={onContentSizeChange} onViewableItemsChanged={onViewableItemsChanged} viewabilityConfig={viewabilityConfig} maintainVisibleContentPosition={{ - minIndexForVisible: 0, + minIndexForVisible: 1, }} ListFooterComponent={} - removeClippedSubviews={true} ref={flatListRef} keyboardDismissMode="none" />