TabContainer.js 806 B

123456789101112131415161718192021222324
  1. import variable from "./../variables/platform";
  2. import { Platform } from "react-native";
  3. export default (variables = variable) => {
  4. const platformStyle = variables.platformStyle;
  5. const platform = variables.platform;
  6. const tabContainerTheme = {
  7. elevation: 3,
  8. height: 50,
  9. flexDirection: "row",
  10. shadowColor: platformStyle === "material" ? "#000" : undefined,
  11. shadowOffset: platformStyle === "material"
  12. ? { width: 0, height: 2 }
  13. : undefined,
  14. shadowOpacity: platformStyle === "material" ? 0.2 : undefined,
  15. shadowRadius: platformStyle === "material" ? 1.2 : undefined,
  16. justifyContent: "space-around",
  17. borderBottomWidth: Platform.OS === "ios" ? variables.borderWidth : 0,
  18. borderColor: variables.topTabBarBorderColor
  19. };
  20. return tabContainerTheme;
  21. };