diff options
| -rw-r--r-- | src/screens/chat/ChatScreen.tsx | 34 |
1 files changed, 22 insertions, 12 deletions
diff --git a/src/screens/chat/ChatScreen.tsx b/src/screens/chat/ChatScreen.tsx index 3d791f3c..8281ca85 100644 --- a/src/screens/chat/ChatScreen.tsx +++ b/src/screens/chat/ChatScreen.tsx @@ -1,6 +1,6 @@ import {useBottomTabBarHeight} from '@react-navigation/bottom-tabs'; import {StackNavigationProp} from '@react-navigation/stack'; -import React, {useContext} from 'react'; +import React, {Fragment, useContext} from 'react'; import {StyleSheet, View} from 'react-native'; import {SafeAreaView} from 'react-native-safe-area-context'; import { @@ -8,6 +8,7 @@ import { Chat, MessageInput, MessageList, + OverlayProvider, } from 'stream-chat-react-native'; import {ChatContext} from '../../App'; import UpArrowIcon from '../../assets/icons/up_arrow.svg'; @@ -41,6 +42,7 @@ const ChatScreen: React.FC<ChatScreenProps> = () => { <UpArrowIcon color={'white'} /> </View> ); + // const insets = useSafeAreaInsets(); return ( <SafeAreaView @@ -51,17 +53,25 @@ const ChatScreen: React.FC<ChatScreenProps> = () => { ]}> <ChatHeader screenType={ScreenType.Chat} /> <Chat client={chatClient} style={chatTheme}> - <Channel - channel={channel} - keyboardVerticalOffset={0} - messageActions={({copyMessage, deleteMessage}) => [ - copyMessage, - deleteMessage, - ]}> - <MessageList onThreadSelect={() => {}} /> - {/* <MessageInput Input={ChatInput} /> */} - <MessageInput SendButton={SendButton} /> - </Channel> + <OverlayProvider + FileSelectorIcon={Fragment} + // topInset={insets.top} + topInset={0} + bottomInset={0}> + <Channel + channel={channel} + keyboardVerticalOffset={0} + OverlayReactionList={Fragment} + messageActions={({copyMessage, deleteMessage}) => [ + copyMessage, + deleteMessage, + ]} + Attachment={Fragment}> + <MessageList onThreadSelect={() => {}} /> + {/* <MessageInput Input={ChatInput} /> */} + <MessageInput SendButton={SendButton} /> + </Channel> + </OverlayProvider> </Chat> </SafeAreaView> ); |