responsive_mediaquery 0.1.0 copy "responsive_mediaquery: ^0.1.0" to clipboard
responsive_mediaquery: ^0.1.0 copied to clipboard

Make your apps responsive by using this package. This package allows you to use mediaQuery in a much better way. In this package the screen is divided 100 units by height and width, which can help us [...]

example/example.dart

import 'package:responsive_mediaquery/responsive_mediaquery.dart';
import 'package:flutter/material.dart';
class Example extends StatelessWidget {
  const Example({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Row(
        children: [
          Container(
            height: ResponsiveMediaQuery.verticalLength*75,
            width: ResponsiveMediaQuery.horizontalLength*75,
            color: Colors.blue,
          ),
          Container(
            height: ResponsiveMediaQuery.verticalLength*25,
            width: ResponsiveMediaQuery.horizontalLength*25,
            color: Colors.red,
          ),
        ],
      ),
    );
  }
}
11
likes
130
pub points
59%
popularity

Publisher

unverified uploader

Make your apps responsive by using this package. This package allows you to use mediaQuery in a much better way. In this package the screen is divided 100 units by height and width, which can help us in getting the right dimensions for our required widgets.

Repository (GitHub)
View/report issues

Documentation

API reference

License

MIT (license)

Dependencies

flutter

More

Packages that depend on responsive_mediaquery