Theming
Hiện tại, chúng tôi hỗ trợ hai loại Theme là Light
và Dark
. 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');