أريد الحصول على حجم الـ View في React Native

عمر سالم2 · 19 مارس 2021

أرغب في الحصول على عرض وارتفاع الـ View عند تغيير حجمه لتصميم التخطيط بشكل صحيح.

import React from 'react';
import { View } from 'react-native';

import { Profile, Sidebar } from './shared';

function Feed() {
	return (
		<View>
			<Profile />
			<Sidebar />
		</View>
	);
}

تم التعديل في 19 مارس 2021 بواسطة عمر سالم2

إسلام عبدالعزيز · 19 مارس 2021

أحد الخصائص المتاحة لـ View هي onLayout. يتم استدعاء onLayout عند إجراء تغييرات في الـ layout للعنصر. يمكنك الحصول على العرض والطول والمحور للعنصر في شكل X & Y.

تعمل الخاصية بالشكل الآتي:

function Feed() {
	const onLayoutChange = event => {
		const { x, y, width, height } = event.nativeEvent.layout;
	};

	return (
		<View onLayout={onLayoutChange}>
			<Profile />
			<Sidebar />
		</View>
	);
}

أريد الحصول على حجم الـ View في React Native

السؤال

عمر سالم2

رابط هذا التعليق

شارك على الشبكات الإجتماعية

1 جواب على هذا السؤال

Recommended Posts

إسلام عبدالعزيز

رابط هذا التعليق

شارك على الشبكات الإجتماعية

انضم إلى النقاش

إعلانات

تابعنا على

الرئيسية

تابعنا

دروس ومقالات

أسئلة وأجوبة

كتب

دورات

بطاقات هدية