react-native-gorgeous-header
Version:
Fully customizable & easy to use gorgeous header view for React Native
57 lines • 1.2 kB
JavaScript
import { StyleSheet } from "react-native";
export default StyleSheet.create({
container: {
marginLeft: 24,
marginRight: 24,
},
topBarContainer: {
flexDirection: "row",
alignItems: "center",
justifyContent: "center",
},
floatLeft: {
marginRight: "auto",
},
floatRight: {
marginLeft: "auto",
},
menuImageStyle: {
width: 20,
height: 20,
},
profileImageStyle: {
width: 40,
height: 40,
borderRadius: 20,
},
contentContainer: {
marginTop: 12,
},
titleTextStyle: {
fontSize: 46,
color: "#2c2305",
fontWeight: "bold",
},
subtitleTextStyle: {
fontSize: 13,
marginTop: 5,
fontWeight: "400",
color: "#999893",
},
searchBarStyle: {
padding: 16,
marginTop: 24,
borderRadius: 24,
flexDirection: "row",
backgroundColor: "#f8f8f8",
},
searchImageStyle: {
width: 20,
height: 20,
},
searchInputStyle: {
marginLeft: 12,
fontWeight: "500",
},
});
//# sourceMappingURL=GorgeousHeader.style.js.map