التخطيط الرصيفي ( DockLayout )

بسم الله  الرحمن الرحيم

السلام عليكم ورحمة الله وبركاته

التخطيط الرصيفي او الـ DockLayout هو تخطيط يقوم برصف جميع العناصر على حدود التخطيط وياخذ ماتبقى من المسافة ويضع العناصر الاخيرة فيها

مع تحديد الأتجاه لكل عنصر بالخاصة dock

مثال على التخطيط

<Page xmlns="http://schemas.nativescript.org/tns.xsd" navigatingTo="onNavigatingTo">
    <DockLayout stretchLastChild="true">
        <Button dock="left" text="يسار" backgroundColor="red" />
        <Button dock="top" text="اعلى" backgroundColor="green" />
        <Button dock="right" text="يمين" backgroundColor="yellow" />
        <Button dock="bottom" text="يسار" backgroundColor="blue" />
        <Button text="المتبقي" backgroundColor="orange" />
        <Button text="عالم البرمجة" backgroundColor="orange" />
    </DockLayout>
</Page>

بدون امتداد العنصر الأخير

<Page xmlns="http://schemas.nativescript.org/tns.xsd" navigatingTo="onNavigatingTo">
    <DockLayout stretchLastChild="false">
        <Button dock="left" text="يسار" backgroundColor="red" />
        <Button dock="top" text="اعلى" backgroundColor="green" />
        <Button dock="right" text="يمين" backgroundColor="yellow" />
        <Button dock="bottom" text="يسار" backgroundColor="blue" />
        <Button text="المتبقي" backgroundColor="orange" />
        <Button text="عالم البرمجة" backgroundColor="orange" />
    </DockLayout>
</Page>