@fto-consult/expo-ui/src/components/SplashScreen/styles.js

Bibliothèque de composants UI Expo,react-native

import { StyleSheet, Dimensions } from "react-native"
const { width, height } = Dimensions.get("screen")

export const _staticBackground = (logoOpacity, backgroundColor) => [
  logoOpacity,
  StyleSheet.absoluteFill,
  { backgroundColor: backgroundColor || null },
]

export const _dynamicImageBackground = (
  imageScale,
  logoOpacity,
  backgroundColor
) => [
  imageScale,
  logoOpacity,
  {
    ...StyleSheet.absoluteFill,
    width,
    height,
    top: 0,
    alignItems: "center",
    justifyContent: "center",
    tintColor: backgroundColor || null,
  },
]

export const _dynamicLogoStyle = (
  logoScale,
  logoOpacity,
  logoWidth,
  logoHeight
) => [
  logoScale,
  logoOpacity,
  {
    //width: logoWidth || 150,
    height: logoHeight || 150,
  },
]

export const _dynamicCustomComponentStyle = (
  logoScale,
  logoOpacity,
  logoHeight
) => [
  logoScale,
  logoOpacity,
  {
    //width: logoWidth || 150,
    height: logoHeight || 150,
    alignItems: "center",
    justifyContent: "center",
  },
]

export default {
  container: {
    flex: 1,
  },
  containerGlue: {
    flex: 1,
    alignContent: "center",
    justifyContent: "center",
  },
  flex: {
    flex: 1,
  },
  logoStyle: {
    alignItems: "center",
    justifyContent: "center",
  },
  mainContent : {
    flex : 1,
    width : "100%",
    height : "100%",
  },
  animationNotFinished : {
    opacity : 0,
    width : 0,
    height : 0,
  },
}