How to use @freakycoder/react-native-helpers - 8 common examples

renderNotchContainers() {
    return (
      
    );
  }

import { Dimensions } from "react-native";
import {
  isAndroid,
  getStatusBarHeight
} from "@freakycoder/react-native-helpers";
const { width } = Dimensions.get("window");

export default {
  container: {
    width,
    flexDirection: "row",
    marginTop: isAndroid ? getStatusBarHeight() + 8 : 8
  },
  leftContainer: {
    left: 16
  },
  dateTextStyle: {
    fontSize: 32,
    color: "white",
    fontWeight: "bold"
  },
  saluteTextStyle: {
    fontSize: 14,
    color: "white",
    fontWeight: "500"
  },
  rightContainer: {
    right: 16,

renderNotchContainers() {
    return (
      
    );
  }

export function _position(position) {
  if (!position) {
    let top = hasNotch() ? height * -0.17 : height * -0.25;
    return {
      ...Platform.select({
        ios: {
          top
        },
        android: {
          top: height * -0.185
        }
      })
    };
  }
  return position;
}

export function glueContainer(props) {
  const {
    height,
    iPhoneXHeight,
    borderTopLeftRadius,
    borderTopRightRadius,
    backgroundColor
  } = props;
  return {
    backgroundColor: backgroundColor || "#fff",
    borderTopLeftRadius: borderTopLeftRadius || 24,
    borderTopRightRadius: borderTopRightRadius || 24,
    height: isIPhoneXFamily() ? iPhoneXHeight || height || 100 : height || 80
  };
}

export function ifIPhoneXHeader(noExtraMargin) {
  if (noExtraMargin) return { marginTop: 16 };
  return {
    marginTop: isIPhoneXFamily() ? 44 : 16
  };
}

renderNotchContainers() {
    return (
      
    );
  }

);
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    top: "15%",
    alignItems: "center",
    backgroundColor: "#fff"
  },
  titleStyle: {
    fontSize: normalizeText(24),
    fontWeight: "700",
    paddingBottom: 36
  }
});