اذهب إلى المحتوى

السؤال

نشر

السلام عليكم لو عندى view وهى مستقيمة كيف اجعلها نائمة بدون ان اغير flexDirection ل container الخاص بها 

مثلا 

<View 
style={{
      
       hight: 50, 
       width:20,
       backgroundColor:"red"
      }}
/>

كودى هذا ينتج عنه view لونها احمر مستقيمة .. انا اريد انا اجعلها نائمة بدون ان اغير ال hight و width .. هل يمكن فعلها ب react native ؟

Recommended Posts

  • 0
نشر

لتحقيق ذلك بدون استخدام flexDirection عليك جعل الحاويات تقبل التموضع بجانب بعضها من خلال الخاصية display

نختار display: inline-block لمنع وضع فاصل بين العناصر أو كل عنصر بسطر منفصل، طبقه على العناصر نفسها

<View 
style={{
      
       display: inline-block,  // هذه
      
       hight: 50, 
       width:20,
       backgroundColor:"red"
      }}
/>

 

  • 0
نشر

أجل يمكنك تغيير الإتجاه عن طريق الخاصية flexDirection, إن قمت بجعل الخاصية flexDirection إلى row تجد وقتها العناصر مصطفة بالطول, إن قمت بتغييرها إلى colتجد العناصر داخل الview مصطفة بالعرض

كما في الشكل التالي

<View 
style={{
       flexDirection:row,
       hight: 50, 
       width:20,
       backgroundColor:"red"
      }}
/>

هذا من أجل إصطفاف العناصر بعضهم بجانب بعض بالطول

<View 
style={{
       flexDirection:col,
       hight: 50, 
       width:20,
       backgroundColor:"red"
      }}
/>

وذلك بهدف  إصطفافهم بعضهم فوق بعضٍ بالعرض

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

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...