Skip to content

parham-pourheidar/responsive_scale

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

ResponsiveScale

A lightweight Flutter extension on BuildContext that helps you build responsive UIs effortlessly.
With ResponsiveScale, you can scale width, height, font size, icons, and padding proportionally based on the current screen size – without writing repetitive MediaQuery logic.


✨ Features

  • 🔹 Scale width relative to screen width (context.w())
  • 🔹 Scale height relative to screen height (context.h())
  • 🔹 Scale font size & icons with balanced screen scaling (context.s())
  • 🔹 Responsive symmetric padding (context.symmetric())
  • 🔹 Clean and intuitive API
  • 🔹 No external dependencies

🚀 Usage

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: SizedBox(
        width: context.w(50),
        height: context.h(50),
        child: Padding(
          padding: context.symmetric(horizontal: 16, vertical: 8),
          child: Text(
            'Responsive Text',
            style: TextStyle(fontSize: context.s(16)),
          ),
        ),
      ),
    );
  }
}

📦 Installation

Add this to your pubspec.yaml:

dependencies:
  responsive_scale: ^1.0.1

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors