feat: Add text align property to Text

examples/flutter_playground/lib/left_menu.dart

@@ -21,6 +21,7 @@ class LeftMenu extends StatelessWidget {
  static const stackExample = "stackExample";
  static const overlayEntryExample = "overlayEntryExample";
  static const sliderExample = "sliderExample";
+ static const textExample = "textExample";
 
  @override
  Widget build(BuildContext context) {
@@ -50,6 +51,7 @@ class LeftMenu extends StatelessWidget {
  createMenu(context, 'overlayEntry Example', overlayEntryExample),
  createMenu(context, 'OverlayEntry Examples', overlayEntryExample),
  createMenu(context, 'Slider Examples', sliderExample),
+ createMenu(context, 'Text Example', textExample),
  ],
  );
  }

examples/flutter_playground/lib/main.dart

@@ -11,6 +11,7 @@ import 'pages/flex_test.dart';
 import 'pages/overlay_entry_example.dart';
 import 'pages/slider_example.dart';
 import 'pages/stack_example.dart';
+import 'pages/text_example.dart';
 import 'pages/toggle_example.dart';
 import 'pages/button_example.dart';
 import 'pages/checkbox_example.dart';
@@ -93,6 +94,8 @@ class _MyAppState extends State<MyApp> {
  return const OverlayEntryExample();
  case LeftMenu.sliderExample:
  return const SliderExample();
+ case LeftMenu.textExample:
+ return const TextExample();
  }
  return const Text("N/A");
  }

examples/flutter_playground/lib/pages/text_example.dart

@@ -0,0 +1,44 @@
+import 'package:flutter/material.dart';
+import 'package:lenra_components/component/lenra_text.dart';
+import 'package:lenra_components/layout/lenra_flex.dart';
+import 'package:lenra_components/lenra_components.dart';
+
+class TextExample extends StatefulWidget {
+ const TextExample({Key? key}) : super(key: key);
+
+ @override
+ State<StatefulWidget> createState() {
+ return _TextExampleState();
+ }
+}
+
+class _TextExampleState extends State<TextExample> {
+ @override
+ Widget build(BuildContext context) {
+ return Center(
+ child: LenraFlex(
+ direction: Axis.vertical,
+ spacing: 4,
+ children: [
+ LenraText(text: "Basic"),
+ Container(
+ decoration: BoxDecoration(border: Border.all()),
+ width: 60,
+ child: LenraText(
+ text: "This is a centered text.",
+ textAlign: TextAlign.center,
+ ),
+ ),
+ Container(
+ decoration: BoxDecoration(border: Border.all()),
+ width: 100,
+ child: LenraText(
+ text: "This is a justified text. This is a justified text.",
+ textAlign: TextAlign.justify,
+ ),
+ ),
+ ],
+ ),
+ );
+ }
+}

lib/component/lenra_text.dart

@@ -7,6 +7,7 @@ class LenraText extends StatelessWidget {
  final Locale? locale;
  final String? semanticsLabel;
  final bool? spellOut;
+ final TextAlign? textAlign;
 
  const LenraText({
  Key? key,
@@ -16,6 +17,7 @@ class LenraText extends StatelessWidget {
  this.locale,
  this.semanticsLabel,
  this.spellOut,
+ this.textAlign,
  }) : super(key: key);
 
  TextSpan _toTextSpan(LenraText text) {
@@ -40,6 +42,7 @@ class LenraText extends StatelessWidget {
  semanticsLabel: semanticsLabel,
  spellOut: spellOut,
  ),
+ textAlign: textAlign,
  );
  }
 }

test/component/lenra_text_test.dart

@@ -16,13 +16,15 @@ void main() {
  style: style,
  semanticsLabel: "bar",
  locale: const Locale('fr', 'FR'),
+ textAlign: TextAlign.center,
  );
 
  expect(lenraText.text, "foo");
  expect(lenraText.style, style);
  expect(lenraText.spellOut, false);
  expect(lenraText.semanticsLabel, "bar");
  expect(lenraText.locale, const Locale('fr', 'FR'));
+ expect(lenraText.textAlign, TextAlign.center);
  });
 
  testWidgets('Test LenraText children', (WidgetTester tester) async {