SelectionArea | Flutter

• SelectionArea | Flutter

import 'package:flutter/cupertino.dart';
  import 'package:flutter/material.dart';
  import 'package:flutter/rendering.dart';
  
  void main() => runApp(const MyApp());
  
  class MyApp extends StatelessWidget {
  
    const MyApp({super.key});
  
    @override
    Widget build(BuildContext context) {
      return const MaterialApp(
        title: 'Woolha.com Flutter Tutorial',
        home: MyPage(),
        debugShowCheckedModeBanner: false,
      );
    }
  }
  
  class MyPage extends StatefulWidget {
  
    const MyPage({super.key});
  
    @override
    State<StatefulWidget> createState() {
      return MyPageState();
    }
  }
  
  class MyPageState extends State<MyPage> {
  
    String? _selectedContent;
  
    @override
    Widget build(BuildContext context) {
      return Scaffold(
        appBar: AppBar(
          title: const Text('Woolha.com Flutter Tutorial'),
          backgroundColor: Colors.teal,
        ),
        body: SizedBox(
          width: double.infinity,
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              SelectionArea(
                selectionControls: CupertinoTextSelectionControls(),
                contextMenuBuilder: (
                  BuildContext context,
                  SelectableRegionState selectableRegionState,
                ) {
                  return AdaptiveTextSelectionToolbar.buttonItems(
                    buttonItems: <ContextMenuButtonItem>[
                      ContextMenuButtonItem(
                        onPressed: () {
                          selectableRegionState
                              .copySelection(SelectionChangedCause.toolbar);
                        },
                        type: ContextMenuButtonType.copy,
                      ),
                      ContextMenuButtonItem(
                        onPressed: () {
                          selectableRegionState.selectAll(SelectionChangedCause.toolbar);
                        },
                        type: ContextMenuButtonType.selectAll,
                      ),
                      ContextMenuButtonItem(
                        onPressed: () {
                          // Other action
                        },
                        type: ContextMenuButtonType.custom,
                        label: 'Like',
                      ),
                    ],
                    anchors: selectableRegionState.contextMenuAnchors,
                  );
                },
                onSelectionChanged: (SelectedContent? selectedContent) {
                  print('Selected content: ${selectedContent?.plainText}');
                  setState(() {
                    _selectedContent = selectedContent?.plainText;
                  });
                },
                child: const Column(
                  mainAxisAlignment: MainAxisAlignment.center,
                  children: [
                    Text('Woolha'),
                    Text('dot'),
                    Text('com'),
                  ],
                ),
              ),
              const SizedBox(height: 50),
              Text('Selected content: ${_selectedContent ?? '-'}')
            ],
          ),
        ),
      );
    }
  }