Skip to main content

Theming

Hiện tại, chúng tôi hỗ trợ hai loại Theme là LightDark. Chúng là triển khai của lớp giao diện PSColors

Đoạn mã dưới đây ví dụ về cách sử dụng PSColors để xử lý việc thay đổi ColorValue trong toàn bộ giao diện Chat khi Appearance của ứng dụng thay đổi:

import React from 'react';
import {Appearance, useColorScheme} from 'react-native';
import {
PSChat,
PSChatProps,
PSDarkColorsDefault,
PSLightColorsDefault,
} from '@communi/chat-react-native';

export const App = () => {
const colorScheme = useColorScheme();

const chatProps = React.useMemo(() => {
return {
...,
colors: colorScheme === 'dark' ? PSDarkColorsDefault : PSLightColorsDefault,
} as PSChatProps;
}, [colorScheme]);

return (
<PSChat props={chatProps}>{/** App components */}</PSChat>
);
};
Appearance.setColorScheme('light');

# or

Appearance.setColorScheme('dark');