Variable UtilityStylesConst
UtilityStyles: {
loadingIndicator: { color: string; height: "auto"; width: "100%" };
loadingIndicatorContainer: {
alignItems: "center";
backgroundColor: string;
flex: number;
height: "auto";
justifyContent: "center";
overflow: "hidden";
width: "100%";
};
loadingIndicatorText: {
color: string;
fontFamily: string;
fontSize: number;
fontWeight: | undefined
| "100"
| "200"
| "400"
| "600"
| 200
| 100
| "normal"
| "bold"
| "300"
| "500"
| "700"
| "800"
| "900"
| 300
| 400
| 500
| 600
| 700
| 800
| 900
| "ultralight"
| "thin"
| "light"
| "medium"
| "regular"
| "semibold"
| "condensedBold"
| "condensed"
| "heavy"
| "black";
paddingHorizontal: number;
paddingVertical: number;
textAlign: "center";
};
} = ...
Type declaration
loadingIndicator: { color: string; height: "auto"; width: "100%" }
loadingIndicatorContainer: {
alignItems: "center";
backgroundColor: string;
flex: number;
height: "auto";
justifyContent: "center";
overflow: "hidden";
width: "100%";
}
loadingIndicatorText: {
color: string;
fontFamily: string;
fontSize: number;
fontWeight:
| undefined
| "100"
| "200"
| "400"
| "600"
| 200
| 100
| "normal"
| "bold"
| "300"
| "500"
| "700"
| "800"
| "900"
| 300
| 400
| 500
| 600
| 700
| 800
| 900
| "ultralight"
| "thin"
| "light"
| "medium"
| "regular"
| "semibold"
| "condensedBold"
| "condensed"
| "heavy"
| "black";
paddingHorizontal: number;
paddingVertical: number;
textAlign: "center";
}
UtilityStyles object.
This object contains style definitions for various utility components in the application. It includes styles for the loading indicator, its container, and associated text.