Releases: sendbird/sendbird-uikit-react-native
Releases · sendbird/sendbird-uikit-react-native
v3.5.4
3.5.4 (2024-06-13)
Release notes
- Deprecated the setter of
enableReactionsSupergroupinSendbirdUIKitContainerProps, which is not allowed by default. If you wish to use this feature, contact us.
Changelogs
Features
- deprecated enableReactionsSupergroup in SendbirdUIKitContainerProps (b90d2e2)
v3.5.3
3.5.3 (2024-05-28)
Release notes
- Fixed the issue where
frozenandmutedwere not considered as the highest priority in determining the disabled status of the input. - Removed
defaultPropsfrom the Image component. - Added handling to process
image/jpgmime type when deciding whether to apply image compression.
Changelogs
Bug Fixes
v3.5.2
v3.5.1
v3.5.0
3.5.0 (2024-03-26)
Release notes
- Added
enableReactionsSupergroupto enable reactions in super group channels.import { SendbirdUIKitContainer } from '@sendbird/uikit-react-native'; const App = () => { return ( <SendbirdUIKitContainer uikitOptions={{ groupChannel: { enableReactionsSupergroup: true, }, }} > {/* Rest of your app */} </SendbirdUIKitContainer> ); };
Changelogs
Features
- support reactions for super group channel (8ab0720)
v3.4.3
3.4.3 (2024-03-20)
Release notes
- Added
disableFastImageprop to Image component in foundation package.import { Image } from '@sendbird/uikit-react-native-foundation'; // If you don't want to use FastImage in UIKit for React Native, you can specify this default prop if (Image.defaultProps) Image.defaultProps.disableFastImage = true;
Changelogs
Features
- foundation: add disableFastImage prop to Image component (538cabb)
v3.4.2
v3.4.1
3.4.1 (2024-02-06)
Release notes
- Added
channelListQueryParamsprop toGroupChannelListFragment.
It allows you to set the query parameters for the channel list. (collectionCreatoris deprecated and replaced bychannelListQueryParams)<GroupChannelList channelListQueryParams={{ includeEmpty: true, includeFrozen: true, }} />
- Added
messageListQueryParamsprop toGroupChannelFragment.
It allows you to set the query parameters for the message list. (collectionCreatoris deprecated and replaced bymessageListQueryParams)<GroupChannel channelUrl={channelUrl} messageListQueryParams={{ prevResultLimit: 20, customTypesFilter: ['filter'], }} />
- Fixed an issue where a type error occurred in the
CommonComponent.
It usedReact.ComponentTypeinstead of the function structure.
Changelogs
Bug Fixes
- use ComponentType instead of function structure in CommonComponent type (2cf00e9)
v3.4.0
3.4.0 (2024-01-30)
Release notes
- Implemented a zoomable image viewer into FileViewer.
- Changed the horizontal and vertical padding of TextInput to padding with directions.
Changelogs
Features
- implement zoomable image viewer to FileViewer (06a4f95)
Bug Fixes
- replace padding horizontal and vertical (24f49b4)
v3.3.0
3.3.0 (2023-11-23)
Release notes
-
Add typing indicator bubble feature.
TypingIndicatorBubbleis a new typing indicator UI that can be turned on throughtypingIndicatorTypesoption.
When turned on, it will be displayed inGroupChannelMessageListupon receiving typing event in real time.import { SendbirdUIKitContainer, TypingIndicatorType } from '@sendbird/uikit-react-native'; const App = () => { return ( <SendbirdUIKitContainer uikitOptions={{ groupChannel: { typingIndicatorTypes: new Set([TypingIndicatorType.Bubble]), }, }} /> ); };
-
Add
bottomSheetItemto the props of renderMessage.bottomSheetItemis a new prop forrenderMessagethat can be utilized to add a custom item to the bottom sheet of a message.
It can be used to add a custom menu item to the bottom sheet of a message.import { GroupChannelMessageRenderer } from '@sendbird/uikit-react-native'; import { useBottomSheet } from '@sendbird/uikit-react-native-foundation'; const GroupChannelScreen = () => { const { openSheet } = useBottomSheet(); const onOpenMessageMenu = (bottomSheetItem) => { if (!bottomSheetItem) return; openSheet({ ...bottomSheetItem, sheetItems: [ // Update bottomSheetItem.sheetItems or append your custom menu item ...bottomSheetItem.sheetItems, { icon: 'search', title: 'Search', onPress: () => console.log('Search') }, ], }); }; return ( <GroupChannelFragment renderMessage={(props) => { return ( <GroupChannelMessageRenderer {...props} onLongPress={() => onOpenMessageMenu(props.bottomSheetItem)} /> ); }} /> ); };
-
Fix the not found
Promise.allSettlederror in Hermes. -
Fix the vertical alignment of iOS TextInput.
Changelogs
Features
- add bottomSheetItem to props of renderMessage (83f8710)
- add typing indicator bubble ui and logic (9223b43)