GridView ile responsive ayarını nasıl yapabilirim?

ender

böyle bir çalışma yapıyorum fakat ekranı yatay çevirdiğimde şu sorunla karşılaşıyorum

 return MaterialApp(
      home: Scaffold(
        body: GridView.count(
          scrollDirection: Axis.vertical,
          mainAxisSpacing: 30.0,
          crossAxisSpacing: 10,
          childAspectRatio: 4 / 5.6,    **muhtemelen buralarda bir sıkıntım var**

          crossAxisCount: 2,

          children: <Widget>[
            Capsul(),
            Capsul(),
            Capsul(),
            Capsul(),
          ],
        ),
      ),
    );
  }
}

Flutter

ender Hocam integer değerlerle çalıştığınız içindir.
ekranın boyutunu alıp ona göre işlem yapmanız gerekir

ender

Flutter Örnek falan varmı? Mediaquery falan da denedim olmadı ama responsive_grid diye bir paketle çözdüm.

Flutter

ender https://www.flutterforum.org/d/194-flutter-responsive-design/4

mayhemious

Ben mediaquery ile çözdüm sanırım. main farklı olmalı. Sanal makinada işe yaradı

import 'package:flutter/material.dart';

class Git extends StatefulWidget {
  @override
  _GitState createState() => _GitState();
}

class _GitState extends State<Git> {
  @override
  Widget build(BuildContext context) {
    double screenWidth = MediaQuery.of(context).size.width; // Ekranın genişlik ve yğksekliğini double olarak aldım.
    double screenHeight = MediaQuery.of(context).size.height;
    return Scaffold(
      body: GridView.count(
        scrollDirection: screenWidth > screenHeight? Axis.horizontal:Axis.vertical, //Burada da ekran en/boy oranından axis değerini değiştirdim.
        mainAxisSpacing: 30.0,
        crossAxisSpacing: 10,
        childAspectRatio: 4 / 5.6,
        crossAxisCount: 2,
        children: <Widget>[
          Text(
            "Bir",
            style: TextStyle(fontSize: 46),
          ),
          Text(
            "İki",
            style: TextStyle(fontSize: 46),
          ),
          Text(
            "Üç",
            style: TextStyle(fontSize: 46),
          ),
          Text(
            "Dört",
            style: TextStyle(fontSize: 46),
          ),
          Text(
            "Beş",
            style: TextStyle(fontSize: 46),
          ),
        ],
      ),
    );
  }
}

Flutter

mayhemious Elinize sağlık