i_sizing 0.0.1

Used to calculate the i and p value of widget in any view context.

example/lib/main.dart

import 'package:flutter/material.dart';
import 'package:i_sizing/i_sizing.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: PieView(),
    );
  }
}

class PieView extends StatelessWidget {
  const PieView({Key? key}) : super(key: key);

  num numberOfI({required double i, required double boxWidth}) {
    print(boxWidth / i);
    return (boxWidth / i).floor();
  }

  @override
  Widget build(BuildContext context) {
    final mediaSize = MediaQuery.of(context).size;

    final connectioni = 10.i(mediaWidth: mediaSize.width);
    final count = numberOfI(boxWidth: mediaSize.width, i: connectioni);
    final connectioniCount = count - 1;
    print("Count: $connectioniCount");
    return Scaffold(
      body: Row(
        mainAxisAlignment: MainAxisAlignment.start,
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Container(
            width: (connectioniCount * connectioni) as double,
            child: GridView.builder(
              physics: NeverScrollableScrollPhysics(),
              shrinkWrap: true,
              gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
                crossAxisCount: (connectioniCount / 2).floor(),
                crossAxisSpacing: 0,
                mainAxisSpacing: 0,
              ),
              itemCount: 11,
              itemBuilder: (context, index) {
                return Container(
                  width: 10.i(mediaWidth: mediaSize.width, times: 2),
                  height: 10.i(mediaWidth: mediaSize.width, times: 2),
                  color: Colors.red,
                  padding:
                      EdgeInsets.all(1.p(i: 10.i(mediaWidth: mediaSize.width))),
                  child: Container(
                    color: Colors.blue,
                  ),
                );
              },
            ),
          ),
          Container(
            width: 10.i(mediaWidth: mediaSize.width),
            color: Colors.green,
          )
        ],
      ),
    );
  }
}