x_responsive 0.2.0

Utils for creating responsive widgets.

x_responsive

Utils for creating responsive widgets.

English | 中文

Installation

dependencies:
  x_responsive: ^0.2.0

Usage

Import

import 'package:x_responsive/x_responsive.dart';

Usage

Responsive(
    condition: Condition(
        screenMin: Breakpoint.xs,
        screenMax: Breakpoint.md,
        platforms: [Platform.all],
    ),
    child: const Text('A'),
)

Responsive(
    condition:
        Condition.screenBetween(min: Breakpoint.sm, max: Breakpoint.md),
    child: const Text('B'),
)

Responsive(
    condition:
        Condition.screenBetween(min: Breakpoint.sm, max: Breakpoint.md)
            ..platforms([Platform.all]),
    child: const Text('C'),
)

Responsive.condition(
    condition: Condition.screenUp(Breakpoint.md),
    child: const Text('D'),
)

Responsive.conditions({
    Condition.screenBetween(min: Breakpoint.sm, max: Breakpoint.md):
        const Text('E'),
    Condition.screenBetween(min: Breakpoint.md, max: Breakpoint.xl):
        const Text('F'),
})

Responsive.conditions({
    Condition.screenUp(Breakpoint.xs): const Text('G'),
    Condition.screenUp(Breakpoint.sm): const Text('H'),
})

Container(
    child: Condition.screenUp(Breakpoint.md).check(context)
        ? const Text('I')
        : const Text('J'),
)