Description:

x responsive

x_responsive #
Utils for creating responsive widgets.
English | 中文
Installation #
dependencies:
x_responsive: ^0.2.0
copied to clipboard
Usage #
Import #
import 'package:x_responsive/x_responsive.dart';
copied to clipboard
Usage #
Responsive(
condition: Condition(
screenMin: Breakpoint.xs,
screenMax: Breakpoint.md,
platforms: [Platform.all],
),
child: const Text('A'),
)
copied to clipboard
Responsive(
condition:
Condition.screenBetween(min: Breakpoint.sm, max: Breakpoint.md),
child: const Text('B'),
)
copied to clipboard
Responsive(
condition:
Condition.screenBetween(min: Breakpoint.sm, max: Breakpoint.md)
..platforms([Platform.all]),
child: const Text('C'),
)
copied to clipboard
Responsive.condition(
condition: Condition.screenUp(Breakpoint.md),
child: const Text('D'),
)
copied to clipboard
Responsive.conditions({
Condition.screenBetween(min: Breakpoint.sm, max: Breakpoint.md):
const Text('E'),
Condition.screenBetween(min: Breakpoint.md, max: Breakpoint.xl):
const Text('F'),
})
copied to clipboard
Responsive.conditions({
Condition.screenUp(Breakpoint.xs): const Text('G'),
Condition.screenUp(Breakpoint.sm): const Text('H'),
})
copied to clipboard
Container(
child: Condition.screenUp(Breakpoint.md).check(context)
? const Text('I')
: const Text('J'),
)
copied to clipboard

License

For personal and professional use. You cannot resell or redistribute these repositories in their original state.

Share

• Share on Facebook
• Share on Twitter