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

كيفية تحديد عرض وطول GridView في flutter

Flutter Dev

السؤال

تحيه طيبه للجميع

كيف يمكن تحديد ارتفاع وعرض GridView بشكل تلقائي بدون ان اضع قيم انا ثابته اعتمادنا على شاشة الهاتف مقاساتها.

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

على سبيل المثال لدي صوره واسفل منها اسم الصوره في الهاتف الجديد النص اصبح مختفي ولو رغبة ان يظهر اقوم بتمرير تلك الصوره الى الاعلى وبعدها يظهر النص من الاسفل بمعنى الخانه اصبحت اصغر والعناصر التي بداخلها اصبحت تتحرك بها 

 

هل يوجد حل لتحديد الارتفاع والعرض بشكل تلقائي لحل هذا المشكله؟

 

مع العلم انني يكت بالاتطلاع على المكتبه التاليه 

https://pub.dev/packages/flutter_staggered_grid_view#-readme-tab-

ولكني لا ارغب بستعمالها لنها تقوم بعرض بعض العناصر اطول والبعض اقصر وانا ارغب ان يكونن متساويات ف الطول 

تم التعديل في بواسطة مروان مروان3
رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

  • 1

حاول التغيير بالخصائص المدرجة في GridView كما في الشكل التالي 

return GridView.builder(
        controller: _scrollController,
        scrollDirection: Axis.vertical,
        gridDelegate: SliverGridDelegateWithMaxCrossAxisExtent(
            maxCrossAxisExtent: 200,
            childAspectRatio: 1 / 2,
            crossAxisSpacing: 10,
            mainAxisSpacing: 20),
        itemCount: products.length,
        itemBuilder: (context, index) {
          return Card();
});

لذلك يوجد هذه الخصائص 

maxCrossAxisExtent: 200,
childAspectRatio: 1 / 2,
crossAxisSpacing: 10,
mainAxisSpacing: 20

بحيث يمكن التلاعب بطول و عرض GridView و ايضا كيفية امتداها بشكل طولي أو عرضي.

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0
بتاريخ منذ ساعة مضت قال بلال زيادة:

حاول التغيير بالخصائص المدرجة في GridView كما في الشكل التالي 


return GridView.builder(
        controller: _scrollController,
        scrollDirection: Axis.vertical,
        gridDelegate: SliverGridDelegateWithMaxCrossAxisExtent(
            maxCrossAxisExtent: 200,
            childAspectRatio: 1 / 2,
            crossAxisSpacing: 10,
            mainAxisSpacing: 20),
        itemCount: products.length,
        itemBuilder: (context, index) {
          return Card();
});

لذلك يوجد هذه الخصائص 


maxCrossAxisExtent: 200,
childAspectRatio: 1 / 2,
crossAxisSpacing: 10,
mainAxisSpacing: 20

بحيث يمكن التلاعب بطول و عرض GridView و ايضا كيفية امتداها بشكل طولي أو عرضي.

اهلا بيك اخوي 

اشكرك على اقتراحك ولكن ليس هذا الطريقه التي ابحث عنها هذا الطريقة العاديه هذا سبب المشكله انا ارغب بحلها

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0
بتاريخ 5 ساعات قال مروان مروان3:

اهلا بيك اخوي 

اشكرك على اقتراحك ولكن ليس هذا الطريقه التي ابحث عنها هذا الطريقة العاديه هذا سبب المشكله انا ارغب بحلها

كيف تظهر عندك GridView

رابط هذا التعليق
شارك على الشبكات الإجتماعية

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

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

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

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   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.

  • إعلانات

  • تابعنا على



×
×
  • أضف...