“Las dimensiones reaccionan nativas” Código de respuesta

Las dimensiones reaccionan nativas

import { Dimensions } from 'react-native';

console.log({
	width: Dimensions.get('window').width,
	height: Dimensions.get('window').height
})
Tarik

Reaccionar las dimensiones nativas

import React, { useState, useEffect } from "react";
 import { View, StyleSheet, Text, Dimensions } from "react-native";
 const window = Dimensions.get("window");
 const screen = Dimensions.get("screen");
 const App = () => {
 const [dimensions, setDimensions] = useState({ window, screen });
 const onChange = ({ window, screen }) => {
     setDimensions({ window, screen });
   };
 useEffect(() => {
     Dimensions.addEventListener("change", onChange);
     return () => {
       Dimensions.removeEventListener("change", onChange);
     };
   });
 return (
   {<code>Window Dimensions: height - ${dimensions.window.height}, width - ${dimensions.window.width}}
   {Screen Dimensions: height - ${dimensions.screen.height}, width - ${dimensions.screen.width}}     
   );
  }
  const styles = StyleSheet.create({
   container: {
     flex: 1,
     justifyContent: "center",
     alignItems: "center"
   }
  });
  export default App;
Salafi aabshar khan

Respuestas similares a “Las dimensiones reaccionan nativas”

Preguntas similares a “Las dimensiones reaccionan nativas”

Más respuestas relacionadas con “Las dimensiones reaccionan nativas” en JavaScript

Explore las respuestas de código populares por idioma

Explorar otros lenguajes de código