In Sendbird UIKit for React Native, you can customize all the components that make up SendbirdUIKitContainer
, key functions, and resources.
There are three options within SendbirdUIKitContainer
: Platform service interfaces, Header component, and Error boundary. All of these options are customizable.
Platform service interfaces allow you to use certain native APIs such as saving and attaching image and video files. If you wish to implement custom interfaces, you can use other native module libraries that aren't supported by Sendbird UIKit for React Native. To learn more about customizing native modules, go to the PlatformServiceProvider page.
The HeaderComponent
is used to render the default header module component in a key function. If the component returns null
, the header is not rendered.
Error boundariesErrorBoundary
, you can track various errors and prevent the client app from force quitting due to runtime errors.
In every key function, there's a fragment and a module. Each fragment has a corresponding module that creates the view, and each module is made up of customizable module components.
A key function is available through a fragment, which consists of a module, context, and hook, to create a single screen. By using the components and features provided by UIKit for React Native, you can customize and implement a custom fragment. To learn more about custom fragments, go to the customize a fragment page.
A module is a set of React components
There are five style-related resources that you can use and customize in UIKit for React Native.
To learn more about custom strings, go to the customize the StringSet page.
To learn more about custom icons, go to the customize the icons page.
A theme is made up of colors and typography in UIKit and is applied to the entire screen. To learn more about custom theme, go to the customize the theme page.
To learn more about custom colors, go to the customize the colors page.
To learn more about custom fonts, go to the customize the typography page.