أريد الحصول على حجم الـ 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

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

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

إعلانات

تابعنا على

الرئيسية

تابعنا

دروس ومقالات

أسئلة وأجوبة

كتب

دورات

بطاقات هدية