fix: Checkbox now take own space (#37)

* fix: Checkbox now take own space
lenra-io · Oct 5, 2021 · ad04f57 · ad04f57
1 parent 31a6f42
commit ad04f57
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 17 deletions.
diff --git a/examples/flutter_playground/lib/pages/checkbox_example.dart b/examples/flutter_playground/lib/pages/checkbox_example.dart
@@ -16,22 +16,33 @@ class _CheckboxExampleState extends State<CheckboxExample> {
 
  @override
  Widget build(BuildContext context) {
- return Center(
- child: LenraFlex(
- direction: Axis.horizontal,
- children: [
- LenraCheckbox(label: "Basic", value: false, onPressed: () {}),
- LenraCheckbox(label: "Disabled", disabled: true, value: true, onPressed: () {}),
- LenraCheckbox(
- label: "Interactive",
- value: value,
- onPressed: () {
- setState(() {
- value = !value;
- });
- }),
- ],
- ),
+ return LenraFlex(
+ mainAxisAlignment: MainAxisAlignment.center,
+ fillParent: true,
+ children: [
+ LenraFlex(
+ direction: Axis.vertical,
+ fillParent: true,
+ crossAxisAlignment: CrossAxisAlignment.start,
+ mainAxisAlignment: MainAxisAlignment.center,
+ children: [
+ LenraCheckbox(label: "Basic", value: false, onPressed: () {}),
+ LenraCheckbox(
+ label: "Disabled",
+ disabled: true,
+ value: true,
+ onPressed: () {}),
+ LenraCheckbox(
+ label: "Interactive",
+ value: value,
+ onPressed: () {
+ setState(() {
+ value = !value;
+ });
+ }),
+ ],
+ ),
+ ],
  );
  }
 }
diff --git a/lib/component/lenra_checkbox.dart b/lib/component/lenra_checkbox.dart
@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:lenra_components/layout/lenra_flex.dart';
 import 'package:lenra_components/theme/lenra_checkbox_theme_data.dart';
 import 'package:lenra_components/theme/lenra_theme.dart';
 
@@ -34,7 +35,7 @@ class LenraCheckbox extends StatelessWidget {
  return checkbox;
  }
 
- return Row(
+ return LenraFlex(
  children: [
  checkbox,
  Text(