AdaptiveNumExtension extension

Extension on num for adaptive sizing.

These extensions allow you to write responsive dimensions like:

Container(
  width: 200.aw,   // adaptive width
  height: 100.ah,  // adaptive height
  padding: EdgeInsets.all(16.ar), // adaptive radius
  child: Text('Hello', style: TextStyle(fontSize: 16.asp)),
)

on

• num

Properties

ah → double

Available on num, provided by the AdaptiveNumExtension extension

Adaptive height - scales based on the design height.

no setter

ar → double

Available on num, provided by the AdaptiveNumExtension extension

Adaptive radius - scales uniformly using the smaller ratio.

no setter

asp → double

Available on num, provided by the AdaptiveNumExtension extension

Adaptive font size - scales for typography.

no setter

aw → double

Available on num, provided by the AdaptiveNumExtension extension

Adaptive width - scales based on the design width.

no setter

diagonal → double

Available on num, provided by the AdaptiveNumExtension extension

Diagonal scaling - scales by width * height product.

no setter

diameter → double

Available on num, provided by the AdaptiveNumExtension extension

Diameter scaling - scales by max(width, height) ratio.

no setter

gapH → SizedBox

Available on num, provided by the AdaptiveNumExtension extension

Creates a vertical SizedBox with adaptive height.

no setter

gapW → SizedBox

Available on num, provided by the AdaptiveNumExtension extension

Creates a horizontal SizedBox with adaptive width.

no setter

ph → double

Available on num, provided by the AdaptiveNumExtension extension

Percentage of screen height.

no setter

pw → double

Available on num, provided by the AdaptiveNumExtension extension

Percentage of screen width.

no setter