|
1 | | -## v3.3.0 |
| 1 | +## v3.4.0 |
2 | 2 |
|
3 | | -- Add typing indicator bubble feature. |
4 | | - |
5 | | - `TypingIndicatorBubble` is a new typing indicator UI that can be turned on through `typingIndicatorTypes` option. |
6 | | - When turned on, it will be displayed in `GroupChannelMessageList` upon receiving typing event in real time. |
7 | | - |
8 | | - ```tsx |
9 | | - import { SendbirdUIKitContainer, TypingIndicatorType } from '@sendbird/uikit-react-native'; |
10 | | - |
11 | | - const App = () => { |
12 | | - return ( |
13 | | - <SendbirdUIKitContainer |
14 | | - uikitOptions={{ |
15 | | - groupChannel: { |
16 | | - typingIndicatorTypes: new Set([TypingIndicatorType.Bubble]), |
17 | | - }, |
18 | | - }} |
19 | | - /> |
20 | | - ); |
21 | | - }; |
22 | | - ``` |
23 | | - |
24 | | -- Add `bottomSheetItem` to the props of renderMessage. |
25 | | - |
26 | | - `bottomSheetItem` is a new prop for `renderMessage` that can be utilized to add a custom item to the bottom sheet of a message. |
27 | | - It can be used to add a custom menu item to the bottom sheet of a message. |
28 | | - |
29 | | - ```tsx |
30 | | - import { GroupChannelMessageRenderer } from '@sendbird/uikit-react-native'; |
31 | | - import { useBottomSheet } from '@sendbird/uikit-react-native-foundation'; |
32 | | - |
33 | | - const GroupChannelScreen = () => { |
34 | | - const { openSheet } = useBottomSheet(); |
35 | | - |
36 | | - const onOpenMessageMenu = () => { |
37 | | - if (!props.bottomSheetItem) return; |
38 | | - |
39 | | - openSheet({ |
40 | | - ...props.bottomSheetItem, |
41 | | - sheetItems: [ |
42 | | - // Update bottomSheetItem.sheetItems or append your custom menu item |
43 | | - ...props.bottomSheetItem.sheetItems, |
44 | | - { icon: 'search', title: 'Search', onPress: () => console.log('Search') }, |
45 | | - ], |
46 | | - }); |
47 | | - }; |
48 | | - |
49 | | - return ( |
50 | | - <GroupChannelFragment |
51 | | - renderMessage={(props) => { |
52 | | - return ( |
53 | | - <GroupChannelMessageRenderer {...props} onLongPress={() => onOpenMessageMenu(props.bottomSheetItem)} /> |
54 | | - ); |
55 | | - }} |
56 | | - /> |
57 | | - ); |
58 | | - }; |
59 | | - ``` |
60 | | - |
61 | | -- Fix the not found `Promise.allSettled` error in Hermes. |
62 | | -- Fix the vertical alignment of iOS TextInput. |
| 3 | +- Implemented a zoomable image viewer into FileViewer. |
| 4 | +- Changed the horizontal and vertical padding of TextInput to padding with directions. |
0 commit comments