app_dimen

Description:

app dimen

flutter_dimen #
INITIALIZATIONS #
void main() {
DimenInitializer.init();
// ...
}
copied to clipboard
CREATE RESPONSIVE UI USING SCAFFOLD OR SCREEN DIMENSION #
class AssumingSizeExample extends StatelessWidget {
const AssumingSizeExample({super.key});

@override
Widget build(BuildContext context) {
return Scaffold(
body: Center(
child: Container(
width: context.dp(200),
height: context.dp(200),
padding: EdgeInsets.all(context.dp(24)),
decoration: BoxDecoration(
color: Colors.deepOrange,
borderRadius: BorderRadius.circular(context.dp(24)),
),
alignment: Alignment.center,
margin: EdgeInsets.all(context.dp(24)),
child: Text(
"${context.dp(24).toInt()}",
textAlign: TextAlign.center,
style: TextStyle(
// fontWeight: context.boldFontWeight,
fontSize: context.dp(24),
),
),
),
),
);
}
}
copied to clipboard
CREATE RESPONSIVE UI DEPENDING ON SCREEN TYPE USING SCREEN CONSTRAINTS #
class WidgetReferenceExample extends StatelessWidget {
const WidgetReferenceExample({super.key});

@override
Widget build(BuildContext context) {
return Scaffold(
body: Center(
child: SizedBox(
width: context.scaffoldWidth,
height: context.scaffoldHeight,
child: Column(
children: [
Expanded(
child: Row(
children: [
Expanded(
child: ResponsiveSize(
primary: false,
builder: (context, dimen) {
return Container(
color: Colors.green,
alignment: Alignment.center,
height: double.infinity,
child: Text(
"$ResponsiveSize (${dimen.dp(32)})",
style: TextStyle(
fontSize: dimen.dp(32),
),
),
);
},
),
),
Expanded(
child: ResponsiveDimen<SizeDimen>(
primary: false,
name: DefaultDimenKeys.fontSize,
builder: (context, dimen) {
return Container(
color: Colors.greenAccent,
alignment: Alignment.center,
height: double.infinity,
child: Text(
"$ResponsiveSize (${dimen.largest})",
style: TextStyle(
fontSize: dimen.largest,
),
),
);
},
),
),
],
),
),
Expanded(
child: ResponsiveLayout(
primary: false,
builder: (context, data) {
DimenSize dimen = data.dimen;
ConstraintDimen appbar = data.appbar;
ConstraintDimen bottom = data.bottom;
ConstraintDimen button = data.button;
SizeDimen corner = data.corner;
SizeDimen divider = data.divider;
SizeDimen fontSize = data.fontSize;
WeightDimen fontWeight = data.fontWeight;
SizeDimen icon = data.icon;
ConstraintDimen image = data.image;
SizeDimen indicator = data.indicator;
SizeDimen logo = data.logo;
SizeDimen margin = data.margin;
SizeDimen padding = data.padding;
ConstraintDimen scaffold = data.scaffold;
SizeDimen size = data.size;
SizeDimen spacing = data.spacing;
SizeDimen stroke = data.stroke;
return Container(
color: Colors.green,
alignment: Alignment.center,
height: double.infinity,
child: Text(
"$ResponsiveLayout (${dimen.dp(32)})",
style: TextStyle(
fontSize: dimen.dp(32),
),
),
);
},
),
),
],
),
),
),
);
}
}
copied to clipboard