v3.12.4

3.12.4 (2026-03-16)

Features

• add frozen icon color to dark and light themes (b4d88c2)

import { Icon, LightUIKitTheme, DarkUIKitTheme } from '@sendbird/uikit-react-native-foundation';                                                                                                                                                     
  import { SendbirdUIKitContainer } from '@sendbird/uikit-react-native';         
                                                                                                                                                                                                                                                       
  // Replace the freeze icon image                                                                                                                                                                                                                     
  Icon.Assets['freeze'] = require('./your_icons/custom-freeze-icon.png');                                                                                                                                                                              
                                                                                 
  // Customize the freeze icon color (tintColor) in GroupChannelPreview
  // Note: tintColor is always applied to icons. Use monochrome icons for best results.
  LightUIKitTheme.colors.ui.groupChannelPreview.default.none.frozenIcon = 'red';
  DarkUIKitTheme.colors.ui.groupChannelPreview.default.none.frozenIcon = 'red';

  const App = () => {
    return (
      <SendbirdUIKitContainer
        appId={'APP_ID'}
        chatOptions={{ localCacheStorage: AsyncStorage }}
        styles={{ theme: LightUIKitTheme }}
      >
        {/* ... */}
      </SendbirdUIKitContainer>
    );
  };