Add `SelectionArea`

[takassh]

Description

Wrap RootScreen with SelectionArea to be able to select texts.

Fixes #135

Type of change

• [x] New feature (non-breaking change which adds functionality)

How Has This Been Tested?

Check if text can be select or not on screens.

Checklist:

• [x] My code follows the style guidelines of this project
• [x] My code has been formatted with flutter format lib and flutter pub run import_sorter:main
• [x] My code has been fixed with dart fix --apply lib
• [x] I have performed a self-review of my own code
• [ ] I have commented my code, particularly in hard-to-understand areas
• [ ] I have made corresponding changes to the documentation
• [ ] My changes generate no new warnings
• [ ] I have added tests that prove my fix is effective or that my feature works
• [ ] New and existing unit tests pass locally with my changes
• [ ] Any dependent changes have been merged and published in downstream modules

[koji-1009]

@takassh Excuse me. I made a mistake.

With the current implementation, it seems that selection cannot be made on non-root screens such as licenses/about-us. Could you investigate this issue?

[takassh]

@koji-1009 It seems SelectionArea uses GestureDetector to fire selection, so after you move screen, SelectionArea is not the ancestor of AboutUsPage. See image.

However, we use ShellRoute and it includes other routes in its tree. So, we can select texts, for example,HomePage.

This forces when we add more pages outside of SelectionArea tree, we should wrap the page.

How do you think?

[koji-1009]

@takassh I have identified the problem. Indeed, it does not seem to work as document. How about creating a Widget with Scaffold + SelectionArea as children and replace the Scaffold in the app?

class SelectionAreaScaffold extends StatelessWidget {
  const SelectionScaffold({
    super.key,
    this.appBar,
    this.body,
  });

  final PreferredSizeWidget? appBar;
  final Widget? body;

  @override
  Widget build(BuildContext context) {
    return SelectionArea(
      child: Scaffold(
        appBar: appBar,
        body: body,
      ),
    );
  }
}

[takassh]

@koji-1009 sure! You mean replace all Scaffold in the app, right?

[koji-1009]

@takassh YES! That's right!

[takassh]

@koji-1009 I updated from your suggestion. I didn't wrap licenses/legal-notices with it because it looks we don't need to copy and paste on that page. Other than the page, copy and paste are working including licenses/about-us.

[github-actions[bot]]

Commented by GitHub Bot

PR: #143 preview link