#336: added center title logic

Author: jorre127

lib/repository/secure_storage/secure_storage.dart

@@ -21,7 +21,7 @@ abstract class SecureStorage implements SimpleKeyValueStorage {
 class _SecureStorage implements SecureStorage {
   final FlutterSecureStorage _storage;
 
-  final iOSOptions = const IOSOptions(accessibility: KeychainAccessibility.first_unlock);
+  final iOSOptions = const IOSOptions(accessibility: KeychainAccessibility.unlocked);
 
   _SecureStorage(this._storage);
 

lib/screen/todo/todo_list/todo_list_screen.dart

@@ -6,7 +6,7 @@ import 'package:flutter_template/styles/theme_dimens.dart';
 import 'package:flutter_template/util/keys.dart';
 import 'package:flutter_template/viewmodel/todo/todo_list/todo_list_viewmodel.dart';
 import 'package:flutter_template/widget/general/action/action_item.dart';
-import 'package:flutter_template/widget/general/simple_screen/simple_screen.dart';
+import 'package:flutter_template/widget/general/simple_screen/base_screen.dart';
 import 'package:flutter_template/widget/general/styled/flutter_template_progress_indicator.dart';
 import 'package:flutter_template/widget/provider/provider_widget.dart';
 import 'package:flutter_template/widget/todo/todo_row_item.dart';

lib/widget/general/simple_screen/base_screen_header.dart

@@ -1,14 +1,18 @@
 import 'package:flutter/material.dart';
+import 'package:flutter_template/util/platform/platform_util.dart';
+import 'package:flutter_template/widget/general/simple_screen/base_screen_header_safe_area.dart';
 import 'package:flutter_template/widget/general/styled/flutter_template_back_button.dart';
 import 'package:flutter_template/widget/provider/data_provider_widget.dart';
 
 class BaseScreenHeader extends StatelessWidget {
+  final bool? centerTitle;
   final String? title;
   final List<Widget> trailingItems;
   final VoidCallback? onBackTapped;
 
   const BaseScreenHeader({
     this.onBackTapped,
+    this.centerTitle,
     this.title,
     this.trailingItems = const [],
     super.key,
@@ -17,33 +21,58 @@ class BaseScreenHeader extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     return DataProviderWidget(
-      childBuilder: (context, theme, localization) => Container(
-        padding: const EdgeInsets.symmetric(
-          horizontal: 16,
-          vertical: 12,
-        ),
-        color: theme.colorsTheme.primary,
-        child: SafeArea(
-          bottom: false,
-          child: Row(
-            children: [
-              if (ModalRoute.of(context)?.impliesAppBarDismissal ?? false) ...[
-                FlutterTemplateBackButton.light(onClick: onBackTapped),
-                const SizedBox(width: 24),
-              ],
-              if (title != null) ...[
-                Expanded(
-                  child: Text(
-                    title!.toUpperCase(),
-                    style: theme.inverseCoreTextTheme.bodyNormal,
-                  ),
+      childBuilder: (context, theme, localization) {
+        final leading = [
+          if (ModalRoute.of(context)?.impliesAppBarDismissal ?? false) ...[
+            FlutterTemplateBackButton.light(onClick: onBackTapped),
+            const SizedBox(width: 24),
+          ],
+        ];
+        final isTitleCentered = centerTitle ?? PlatformUtil.isIOS;
+        final titleWidget = title == null
+            ? null
+            : Text(
+                title!.toUpperCase(),
+                style: theme.inverseCoreTextTheme.bodyNormal,
+                textAlign: isTitleCentered ? TextAlign.center : TextAlign.start,
+              );
+
+        return Container(
+          padding: const EdgeInsets.symmetric(
+            horizontal: 16,
+            vertical: 12,
+          ),
+          color: theme.colorsTheme.primary,
+          child: SafeArea(
+            bottom: false,
+            child: Stack(
+              alignment: Alignment.center,
+              children: [
+                Row(
+                  children: [
+                    ...leading,
+                    if (titleWidget != null && !isTitleCentered) ...[
+                      Expanded(
+                        child: titleWidget,
+                      ),
+                    ] else ...[
+                      const Spacer(),
+                    ],
+                    ...trailingItems,
+                  ],
                 ),
+                if (isTitleCentered && titleWidget != null) ...[
+                  BaseScreenHeaderSafeArea(
+                    leading: leading,
+                    actions: trailingItems,
+                    child: titleWidget,
+                  ),
+                ]
               ],
-              ...trailingItems,
-            ],
+            ),
           ),
-        ),
-      ),
+        );
+      },
     );
   }
 }