react-native-chating-ui-kit
Version:
CometChat React Native UI Kit is a collection of custom UI Components designed to build text , chat and calling features in your application. The UI Kit is developed to keep developers in mind and aims to reduce development efforts significantly
100 lines (99 loc) • 2.32 kB
TypeScript
declare const styles: {
containerStyle: {
flex: number;
alignItems: "center";
justifyContent: "center";
position: "relative";
paddingStart: number;
paddingEnd: number;
alignSelf: "center";
};
container: {
flex: number;
width: string;
};
listBaseHeaderStyle: {
alignItems: "flex-start";
justifyContent: "center";
width: string;
borderRadius: number;
};
upperContainer: {
flexDirection: "row";
justifyContent: "space-between";
alignItems: "center";
width: string;
};
headerLeftContainer: {
flexDirection: "row";
alignItems: "center";
justifyContent: "center";
height: number;
};
searchBox: {
height: number;
flexDirection: "row";
justifyContent: "center";
alignItems: "flex-start";
marginHorizontal: number;
marginBottom: number;
overflow: "hidden";
};
titleStyle: {
fontSize: number;
fontWeight: "600";
color: string;
};
backButtonStyle: {
width: number;
height: number;
marginRight: number;
};
searchTextStyle: {
flex: number;
padding: number;
fontSize: number;
fontWeight: "400";
marginLeft: number;
alignSelf: "center";
};
searchButtonStyle: {
width: number;
height: number;
marginLeft: number;
marginTop: number;
marginBottom: number;
};
msgContainerStyle: {
flex: number;
overflow: "hidden";
width: string;
justifyContent: "center";
alignItems: "center";
};
msgTxtStyle: {
justifyContent: "center";
alignItems: "center";
alignSelf: "center";
textAlign: "center";
width: string;
};
headerLetterStyle: {
height: number;
fontWeight: "500";
fontFamily: any;
fontSize: number;
marginTop: number;
};
dividerStyle: {
height: number;
width: string;
marginLeft: number;
marginRight: number;
};
listContainerStyle: {
width: string;
height: string;
};
};
export default styles;