share button

build/web/flutter_bootstrap.js

@@ -39,6 +39,6 @@ _flutter.buildConfig = {"engineRevision":"382be0028d370607f76215a9be322e5514b263
 
 _flutter.loader.load({
   serviceWorkerSettings: {
-    serviceWorkerVersion: "3442266771"
+    serviceWorkerVersion: "1819633575"
   }
 });

build/web/flutter_service_worker.js

@@ -3,11 +3,11 @@ const MANIFEST = 'flutter-app-manifest';
 const TEMP = 'flutter-temp-cache';
 const CACHE_NAME = 'flutter-app-cache';
 
-const RESOURCES = {"flutter_bootstrap.js": "c64b96cbce918c8ac7cc2c575969e0b9",
+const RESOURCES = {"flutter_bootstrap.js": "f0b6c27a0f6bac054555f105232f0c00",
 "version.json": "b5eaae4fc120710a3c35125322173615",
 "index.html": "f34c56fffc6b38f62412a5db2315dec8",
 "/": "f34c56fffc6b38f62412a5db2315dec8",
-"main.dart.js": "bfae61d5987aa1b3031b3fe4ec0cb3e7",
+"main.dart.js": "4e26b37ccf9ca902db38fe5292263609",
 "flutter.js": "83d881c1dbb6d6bcd6b42e274605b69c",
 "aitube.svg": "26140ba0d153b213b122bc6ebcc17f6c",
 "favicon.png": "c8a183c516004e648a7bac7497c89b97",

docs/for-bots/flutter/flutter-share_plus/share_plus.md

@@ -0,0 +1,416 @@
+[![](/static/hash-9gbn097u/img/ff-banner-desktop-2x.png)![](/static/hash-9gbn097u/img/ff-banner-desktop-dark-2x.png)![](/static/hash-9gbn097u/img/ff-banner-mobile-2x.png)![](/static/hash-9gbn097u/img/ff-banner-mobile-dark-2x.png)](https://flutter.dev/docs/development/packages-and-plugins/favorites "Package is a Flutter Favorite")
+
+share\_plus 11.0.0 ![copy "share_plus: ^11.0.0" to clipboard](/static/hash-9gbn097u/img/content-copy-icon.svg "Copy "share_plus: ^11.0.0" to clipboard")
+
+share\_plus: ^11.0.0 copied to clipboard
+
+
+====================================================================================================================================================================================================
+
+Published 15 days ago • [![verified publisher](/static/hash-9gbn097u/img/material-icon-verified.svg "Published by a pub.dev verified publisher")fluttercommunity.dev](/publishers/fluttercommunity.dev)Dart 3 compatible
+
+SDK[Flutter](/packages?q=sdk%3Aflutter "Packages compatible with Flutter SDK")
+
+Platform[Android](/packages?q=platform%3Aandroid "Packages compatible with Android platform")[iOS](/packages?q=platform%3Aios "Packages compatible with iOS platform")[Linux](/packages?q=platform%3Alinux "Packages compatible with Linux platform")[macOS](/packages?q=platform%3Amacos "Packages compatible with macOS platform")[web](/packages?q=platform%3Aweb "Packages compatible with Web platform")[Windows](/packages?q=platform%3Awindows "Packages compatible with Windows platform")
+
+![liked status: inactive](/static/hash-9gbn097u/img/like-inactive.svg)![liked status: active](/static/hash-9gbn097u/img/like-active.svg)3.6k
+
+→
+
+### Metadata
+
+Flutter plugin for sharing content via the platform share UI, using the ACTION\_SEND intent on Android and UIActivityViewController on iOS.
+
+More...
+
+*   Readme
+*   [Changelog](/packages/share_plus/changelog)
+*   [Example](/packages/share_plus/example)
+*   [Installing](/packages/share_plus/install)
+*   [Versions](/packages/share_plus/versions)
+*   [Scores](/packages/share_plus/score)
+
+share\_plus [#](#share_plus)
+============================
+
+[![share_plus](https://github.com/fluttercommunity/plus_plugins/actions/workflows/share_plus.yaml/badge.svg)](https://github.com/fluttercommunity/plus_plugins/actions/workflows/share_plus.yaml) [![pub points](https://img.shields.io/pub/points/share_plus?color=2E8B57&label=pub%20points)](https://pub.dev/packages/share_plus/score) [![pub package](https://img.shields.io/pub/v/share_plus.svg)](https://pub.dev/packages/share_plus)
+
+[![](https://github.com/fluttercommunity/plus_plugins/raw/main/assets/flutter-favorite-badge.png)](https://flutter.dev/docs/development/packages-and-plugins/favorites)
+
+A Flutter plugin to share content from your Flutter app via the platform's share dialog.
+
+Wraps the `ACTION_SEND` Intent on Android, `UIActivityViewController` on iOS, or equivalent platform content sharing methods.
+
+Platform Support [#](#platform-support)
+---------------------------------------
+
+Shared content
+
+Android
+
+iOS
+
+MacOS
+
+Web
+
+Linux
+
+Windows
+
+Text
+
+✅
+
+✅
+
+✅
+
+✅
+
+✅
+
+✅
+
+URI
+
+✅
+
+✅
+
+✅
+
+As text
+
+As text
+
+As text
+
+Files
+
+✅
+
+✅
+
+✅
+
+✅
+
+❌
+
+✅
+
+Also compatible with Windows and Linux by using "mailto" to share text via Email.
+
+Sharing files is not supported on Linux.
+
+Requirements [#](#requirements)
+-------------------------------
+
+*   Flutter >=3.22.0
+*   Dart >=3.4.0 <4.0.0
+*   iOS >=12.0
+*   MacOS >=10.14
+*   Android `compileSDK` 34
+*   Java 17
+*   Android Gradle Plugin >=8.3.0
+*   Gradle wrapper >=8.4
+
+Usage [#](#usage)
+-----------------
+
+To use this plugin, add `share_plus` as a [dependency in your pubspec.yaml file](https://plus.fluttercommunity.dev/docs/overview).
+
+Import the library.
+
+    import 'package:share_plus/share_plus.dart';
+    
+
+copied to clipboard
+
+### Share Text [#](#share-text)
+
+Access the `SharePlus` instance via `SharePlus.instance`. Then, invoke the `share()` method anywhere in your Dart code.
+
+    SharePlus.instance.share(
+      ShareParams(text: 'check out my website https://example.com')
+    );
+    
+
+copied to clipboard
+
+The `share()` method requires the `ShareParams` object, which contains the content to share.
+
+These are some of the accepted parameters of the `ShareParams` class:
+
+*   `text`: text to share.
+*   `title`: content or share-sheet title (if supported).
+*   `subject`: email subject (if supported).
+
+Check the class documentation for more details.
+
+`share()` returns `status` object that allows to check the result of user action in the share sheet.
+
+    final result = await SharePlus.instance.share(params);
+    
+    if (result.status == ShareResultStatus.success) {
+        print('Thank you for sharing my website!');
+    }
+    
+
+copied to clipboard
+
+### Share Files [#](#share-files)
+
+To share one or multiple files, provide the `files` list in `ShareParams`. Optionally, you can pass `title`, `text` and `sharePositionOrigin`.
+
+    final params = ShareParams(
+      text: 'Great picture',
+      files: [XFile('${directory.path}/image.jpg')], 
+    );
+    
+    final result = await SharePlus.instance.share(params);
+    
+    if (result.status == ShareResultStatus.success) {
+        print('Thank you for sharing the picture!');
+    }
+    
+
+copied to clipboard
+
+    final params = ShareParams(
+      files: [
+        XFile('${directory.path}/image1.jpg'), 
+        XFile('${directory.path}/image2.jpg'),
+      ],
+    );
+    
+    final result = await SharePlus.instance.share(params);
+    
+    if (result.status == ShareResultStatus.dismissed) {
+        print('Did you not like the pictures?');
+    }
+    
+
+copied to clipboard
+
+On web, this uses the [Web Share API](https://web.dev/web-share/) if it's available. Otherwise it falls back to downloading the shared files. See [Can I Use - Web Share API](https://caniuse.com/web-share) to understand which browsers are supported. This builds on the [`cross_file`](https://pub.dev/packages/cross_file) package.
+
+File downloading fallback mechanism for web can be disabled by setting:
+
+    ShareParams(
+      // rest of params
+      downloadFallbackEnabled: false,
+    )
+    
+
+copied to clipboard
+
+#### Share Data
+
+You can also share files that you dynamically generate from its data using [`XFile.fromData`](https://pub.dev/documentation/share_plus/latest/share_plus/XFile/XFile.fromData.html).
+
+To set the name of such files, use the `fileNameOverrides` parameter, otherwise the file name will be a random UUID string.
+
+    final params = ShareParams(
+      files: [XFile.fromData(utf8.encode(text), mimeType: 'text/plain')], 
+      fileNameOverrides: ['myfile.txt']
+    );
+    
+    SharePlus.instance.share(params);
+    
+
+copied to clipboard
+
+Caution
+
+The `name` parameter in the `XFile.fromData` method is ignored in most platforms. Use `fileNameOverrides` instead.
+
+### Share URI [#](#share-uri)
+
+iOS supports fetching metadata from a URI when shared using `UIActivityViewController`. This special functionality is only properly supported on iOS. On other platforms, the URI will be shared as plain text.
+
+    final params = ShareParams(uri: uri);
+    
+    SharePlus.instance.share(params);
+    
+
+copied to clipboard
+
+### Share Results [#](#share-results)
+
+All three methods return a `ShareResult` object which contains the following information:
+
+*   `status`: a `ShareResultStatus`
+*   `raw`: a `String` describing the share result, e.g. the opening app ID.
+
+Note: `status` will be `ShareResultStatus.unavailable` if the platform does not support identifying the user action.
+
+Known Issues [#](#known-issues)
+-------------------------------
+
+### Sharing data created with XFile.fromData [#](#sharing-data-created-with-xfilefromdata)
+
+When sharing data created with `XFile.fromData`, the plugin will write a temporal file inside the cache directory of the app, so it can be shared.
+
+Although the OS should take care of deleting those files, it is advised, that you clean up this data once in a while (e.g. on app start).
+
+You can access this directory using [path\_provider](https://pub.dev/packages/path_provider) [getTemporaryDirectory](https://pub.dev/documentation/path_provider/latest/path_provider/getTemporaryDirectory.html).
+
+Alternatively, don't use `XFile.fromData` and instead write the data down to a `File` with a path before sharing it, so you control when to delete it.
+
+### Mobile platforms (Android and iOS) [#](#mobile-platforms-android-and-ios)
+
+#### Sharing images + text
+
+When attempting to share images with text, some apps may fail to properly accept the share action with them.
+
+For example, due to restrictions set up by Meta/Facebook this plugin isn't capable of sharing data reliably to Facebook related apps on Android and iOS. This includes eg. sharing text to the Facebook Messenger.
+
+If you require this functionality please check the native Facebook Sharing SDK ([https://developers.facebook.com/docs/sharing](https://developers.facebook.com/docs/sharing)) or search for other Flutter plugins implementing this SDK. More information can be found in [this issue](https://github.com/fluttercommunity/plus_plugins/issues/413).
+
+Other apps may also give problems when attempting to share content to them. This is because 3rd party app developers do not properly implement the logic to receive share actions.
+
+We cannot warranty that a 3rd party app will properly implement the share functionality. Therefore, **all bugs reported regarding compatibility with a specific app will be closed.**
+
+#### Localization in Apple platforms
+
+It could happen that the Share sheet appears with a different language, [as reported here](https://github.com/fluttercommunity/plus_plugins/issues/2696).
+
+To fix this issue, you will have to setup the keys `CFBundleAllowMixedLocalizations` and `CFBundleDevelopmentRegion` in your project's `info.plist`.
+
+For more information check the [CoreFoundationKeys](https://developer.apple.com/library/archive/documentation/General/Reference/InfoPlistKeyReference/Articles/CoreFoundationKeys.html) documentation.
+
+#### iPad
+
+`share_plus` requires iPad users to provide the `sharePositionOrigin` parameter.
+
+Without it, `share_plus` will not work on iPads and may cause a crash or letting the UI not responding.
+
+To avoid that problem, provide the `sharePositionOrigin`.
+
+For example:
+
+    // Use Builder to get the widget context
+    Builder(
+      builder: (BuildContext context) {
+        return ElevatedButton(
+          onPressed: () => _onShare(context),
+              child: const Text('Share'),
+         );
+      },
+    ),
+    
+    // _onShare method:
+    final box = context.findRenderObject() as RenderBox?;
+    
+    await SharePlus.instance.share(
+      ShareParams(
+        text: text,
+        sharePositionOrigin: box!.localToGlobal(Offset.zero) & box.size,
+      )
+    );
+    
+
+copied to clipboard
+
+See the `main.dart` in the `example` for a complete example.
+
+Migrating from `Share.share()` to `SharePlus.instance.share()` [#](#migrating-from-shareshare-to-shareplusinstanceshare)
+------------------------------------------------------------------------------------------------------------------------
+
+The static methods `Share.share()`, `Share.shareUri()` and `Share.shareXFiles()` have been deprecated in favor of the `SharePlus.instance.share(params)`.
+
+To convert code using `Share.share()` to the new `SharePlus` class:
+
+1.  Wrap the current parameters in a `ShareParams` object.
+2.  Change the call to `SharePlus.instance.share()`.
+
+e.g.
+
+    Share.share("Shared text");
+    
+    Share.shareUri("http://example.com");
+    
+    Share.shareXFiles(files);
+    
+
+copied to clipboard
+
+Becomes:
+
+    SharePlus.instance.share(
+      ShareParams(text: "Shared text"),
+    );
+    
+    SharePlus.instance.share(
+      ShareParams(uri: "http://example.com"),
+    );
+    
+    SharePlus.instance.share(
+      ShareParams(files: files),
+    );
+    
+
+copied to clipboard
+
+Learn more [#](#learn-more)
+---------------------------
+
+*   [API Documentation](https://pub.dev/documentation/share_plus/latest/share_plus/share_plus-library.html)
+
+[
+
+3.69k
+
+likes
+
+160
+
+points
+
+1.48M
+
+downloads
+
+
+
+](/packages/share_plus/score)
+
+### Publisher
+
+[![verified publisher](/static/hash-9gbn097u/img/material-icon-verified.svg "Published by a pub.dev verified publisher")fluttercommunity.dev](/publishers/fluttercommunity.dev)
+
+### Weekly Downloads
+
+2024.06.09 - 2025.05.04
+
+### Metadata
+
+Flutter plugin for sharing content via the platform share UI, using the ACTION\_SEND intent on Android and UIActivityViewController on iOS.
+
+[Homepage](https://github.com/fluttercommunity/plus_plugins)  
+[Repository (GitHub)](https://github.com/fluttercommunity/plus_plugins/tree/main/packages/share_plus/share_plus)  
+[View/report issues](https://github.com/fluttercommunity/plus_plugins/labels/share_plus)  
+
+### Topics
+
+[#share](/packages?q=topic%3Ashare) [#utils](/packages?q=topic%3Autils)
+
+### Documentation
+
+[API reference](/documentation/share_plus/latest/)  
+
+### License
+
+![](/static/hash-9gbn097u/img/material-icon-balance.svg)BSD-3-Clause ([license](/packages/share_plus/license))
+
+### Dependencies
+
+[cross\_file](/packages/cross_file "^0.3.4+2"), [ffi](/packages/ffi "^2.1.2"), [file](/packages/file ">=6.1.4 <8.0.0"), [flutter](https://api.flutter.dev/), [flutter\_web\_plugins](https://api.flutter.dev/flutter/flutter_web_plugins/flutter_web_plugins-library.html), [meta](/packages/meta "^1.8.0"), [mime](/packages/mime ">=1.0.4 <3.0.0"), [share\_plus\_platform\_interface](/packages/share_plus_platform_interface "^6.0.0"), [url\_launcher\_linux](/packages/url_launcher_linux "^3.1.1"), [url\_launcher\_platform\_interface](/packages/url_launcher_platform_interface "^2.3.2"), [url\_launcher\_web](/packages/url_launcher_web "^2.3.2"), [url\_launcher\_windows](/packages/url_launcher_windows "^3.1.2"), [web](/packages/web "^1.0.0"), [win32](/packages/win32 "^5.5.3")
+
+### More
+
+[Packages that depend on share\_plus](/packages?q=dependency%3Ashare_plus)
+
+{"@context":"http\\u003a\\u002f\\u002fschema.org","@type":"SoftwareSourceCode","name":"share\\u005fplus","version":"11.0.0","description":"share\\u005fplus - Flutter plugin for sharing content via the platform share UI, using the ACTION\\u005fSEND intent on Android and UIActivityViewController on iOS.","url":"https\\u003a\\u002f\\u002fpub.dev\\u002fpackages\\u002fshare\\u005fplus","dateCreated":"2020-04-20T18\\u003a02\\u003a15.748611Z","dateModified":"2025-04-22T05\\u003a19\\u003a26.240981Z","programmingLanguage":"Dart","image":"https\\u003a\\u002f\\u002fpub.dev\\u002fstatic\\u002fimg\\u002fpub-dev-icon-cover-image.png","license":"https\\u003a\\u002f\\u002fpub.dev\\u002fpackages\\u002fshare\\u005fplus\\u002flicense"}

lib/main.dart

@@ -42,33 +42,47 @@ void main() async {
           homeWidget = HomeScreen(initialSearchQuery: searchQuery);
         }
       } 
-      // Handle view parameter (higher priority than search if both are present)
-      else if (params.containsKey('view')) {
-        final viewQuery = params['view'] ?? '';
-        if (viewQuery.isNotEmpty) {
-          // Create a loading widget that will transition to VideoScreen once search completes
-          homeWidget = FutureBuilder<VideoResult>(
-            future: wsService.search(viewQuery),
-            builder: (context, snapshot) {
-              if (snapshot.connectionState == ConnectionState.done && snapshot.hasData) {
-                // Navigate to VideoScreen once we have the result
-                return VideoScreen(video: snapshot.data!);
-              } else if (snapshot.hasError) {
-                return Scaffold(
-                  body: Center(
-                    child: Text('Error loading video: ${snapshot.error}'),
-                  ),
-                );
-              } else {
-                // Show loading indicator while waiting
-                return const Scaffold(
-                  body: Center(
-                    child: CircularProgressIndicator(),
-                  ),
-                );
-              }
-            },
-          );
+      // Handle title parameter
+      else if (params.containsKey('title')) {
+        final titleQuery = params['title'] ?? '';
+        
+        if (titleQuery.isNotEmpty) {
+          // If both title and description are provided, create video directly
+          if (params.containsKey('description')) {
+            final description = params['description'] ?? '';
+            final videoResult = VideoResult(
+              id: DateTime.now().millisecondsSinceEpoch.toString(),
+              title: titleQuery,
+              description: description,
+              thumbnailUrl: '',
+              tags: [],
+            );
+            homeWidget = VideoScreen(video: videoResult);
+          } else {
+            // If only title is provided, use search like before (same as legacy 'view' parameter)
+            homeWidget = FutureBuilder<VideoResult>(
+              future: wsService.search(titleQuery),
+              builder: (context, snapshot) {
+                if (snapshot.connectionState == ConnectionState.done && snapshot.hasData) {
+                  // Navigate to VideoScreen once we have the result
+                  return VideoScreen(video: snapshot.data!);
+                } else if (snapshot.hasError) {
+                  return Scaffold(
+                    body: Center(
+                      child: Text('Error loading video: ${snapshot.error}'),
+                    ),
+                  );
+                } else {
+                  // Show loading indicator while waiting
+                  return const Scaffold(
+                    body: Center(
+                      child: CircularProgressIndicator(),
+                    ),
+                  );
+                }
+              },
+            );
+          }
         }
       }
     }

lib/screens/home_screen.dart

@@ -468,9 +468,9 @@ class _HomeScreenState extends State<HomeScreen> {
                         
                         // Update URL parameter on web platform
                         if (kIsWeb) {
-                          // Update view parameter and remove search parameter
-                          // Use description instead of title for the URL parameter
-                          updateUrlParameter('view', _results[index].description);
+                          // Update title and description parameters and remove search parameter
+                          updateUrlParameter('title', _results[index].title);
+                          updateUrlParameter('description', _results[index].description);
                           removeUrlParameter('search');
                         }
                         

lib/screens/video_screen.dart

@@ -7,6 +7,8 @@ import 'package:aitube2/widgets/search_box.dart';
 import 'package:aitube2/widgets/web_utils.dart';
 import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
+import 'package:universal_html/html.dart' if (dart.library.io) 'package:aitube2/services/html_stub.dart' as html;
 import '../config/config.dart';
 import '../models/video_result.dart';
 import '../services/websocket_api_service.dart';
@@ -260,6 +262,50 @@ class _VideoScreenState extends State<VideoScreen> {
     }
   }
 
+  void _shareVideo() async {
+
+    // For non-web platforms
+    final uri = Uri.parse("https://aitube.at");
+    final params = Map<String, String>.from(uri.queryParameters);
+    
+    // Ensure title and description are in the URL parameters
+    params['title'] = _videoData.title;
+    params['description'] = _videoData.description;
+    
+    // Create a new URL with updated parameters
+    final shareUri = uri.replace(queryParameters: params);
+    final shareUrl = shareUri.toString();
+
+
+    try {
+      // this is a text to share on social media
+      // final textToCopy = 'Messing around with #aitube2 👀 $shareUrl';
+      
+      // but for now let's just use the url
+      final textToCopy = shareUrl;
+      
+      // Copy to clipboard
+      await Clipboard.setData(ClipboardData(text: textToCopy));
+      
+      // Show a temporary "Copied!" message
+      if (mounted) {
+        ScaffoldMessenger.of(context).showSnackBar(
+          const SnackBar(
+            content: Text('Copied to clipboard!'),
+            backgroundColor: Colors.green,
+            duration: Duration(seconds: 3),
+          ),
+        );
+      }
+    } catch (e) {
+      if (mounted) {
+        ScaffoldMessenger.of(context).showSnackBar(
+          SnackBar(content: Text('Error copying to clipboard: $e')),
+        );
+      }
+    }
+  }
+
   // Reference to the current VideoPlayerWidget to force reset when needed
   Key _videoPlayerKey = UniqueKey();
 
@@ -275,8 +321,7 @@ class _VideoScreenState extends State<VideoScreen> {
     
     // Update URL parameter on web platform
     if (kIsWeb) {
-      // Update view parameter with the description instead of the query
-      // We'll get the actual description from the search result
+      // We'll update title and description parameters after we get the search result
       // removeUrlParameter('search') will happen after we get the result
     }
 
@@ -297,8 +342,9 @@ class _VideoScreenState extends State<VideoScreen> {
         
         // Now that we have the result, update the URL parameter on web platform
         if (kIsWeb) {
-          // Update view parameter with the description
-          updateUrlParameter('view', result.description);
+          // Update title and description parameters
+          updateUrlParameter('title', result.title);
+          updateUrlParameter('description', result.description);
           removeUrlParameter('search');
         }
       }
@@ -331,12 +377,11 @@ class _VideoScreenState extends State<VideoScreen> {
                   onPressed: () {
                     // Restore the search parameter in URL when navigating back
                     if (kIsWeb) {
-                      // Remove the view parameter
-                      removeUrlParameter('view');
+                      // Remove the title and description parameters
+                      removeUrlParameter('title');
+                      removeUrlParameter('description');
                       
                       // Get the search query from the video description
-                      // This matches what we stored in the view parameter when
-                      // navigating to this screen
                       final searchQuery = _videoData.description.trim();
                       if (searchQuery.isNotEmpty) {
                         // Update URL to show search parameter again
@@ -446,12 +491,23 @@ class _VideoScreenState extends State<VideoScreen> {
     return ExpansionTile(
       initiallyExpanded: false,
       tilePadding: EdgeInsets.zero,
-      title: Text(
-        _videoData.title,
-        style: Theme.of(context).textTheme.headlineSmall?.copyWith(
-          color: AiTubeColors.onBackground,
-          fontWeight: FontWeight.bold,
-        ),
+      title: Row(
+        children: [
+          Expanded(
+            child: Text(
+              _videoData.title,
+              style: Theme.of(context).textTheme.headlineSmall?.copyWith(
+                color: AiTubeColors.onBackground,
+                fontWeight: FontWeight.bold,
+              ),
+            ),
+          ),
+          IconButton(
+            icon: const Icon(Icons.share, color: AiTubeColors.primary),
+            onPressed: _shareVideo,
+            tooltip: 'Share video',
+          ),
+        ],
       ),
       iconColor: AiTubeColors.primary,
       collapsedIconColor: AiTubeColors.primary,

lib/widgets/video_player/ui_components.dart

@@ -73,7 +73,7 @@ Widget buildBufferStatus({
 
   return Positioned(
     right: 16,
-    bottom: 16,
+    top: 16,
     child: Container(
       padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
       decoration: BoxDecoration(