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

السؤال

نشر (معدل)

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

كيف يمكن تحديد ارتفاع وعرض 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 و ايضا كيفية امتداها بشكل طولي أو عرضي.

اهلا بيك اخوي 

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

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

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

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

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

  • إعلانات

  • تابعنا على



×
×
  • أضف...