在Flutter Web上不可选择的文本[稳定]

piah890a  于 2023-05-29  发布在  Flutter
关注(0)|答案(2)|浏览(175)

在Flutter Web稳定之后,我试图按照文档中给出的说明将我的Flutter移动的应用程序转换为Flutter Web。一切都很好,但这里的问题是Web上的文本是不可选择的!我刚刚通过执行几个命令将Flutter移动的应用程序转换为Web,并且对Flutter Web或它如何在幕后工作没有任何想法!**

acruukt9

acruukt91#

Web与您的应用程序的行为相同,为了使文本可选择,您将其 Package 在SelectableText小部件中。
例如:

SelectableText("Lorem ipsum...")

更新Flutter版本>= 3.3

引入了一个新的小部件SelectionArea。该小部件自动使其子代文本小部件成为可选择的。
例如:

SelectionArea(
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.center,
        mainAxisAlignment: MainAxisAlignment.center,
        children: [
          const Text(
            'Flutter',
            style: TextStyle(fontSize: 36, fontWeight: FontWeight.bold),
          ),
          const SizedBox(height: 40),
          const Text(
            'Flutter version >= 3.3 Selectable texts',
            style: TextStyle(fontSize: 30, fontWeight: FontWeight.bold),
          ),
          const SizedBox(height: 20),
          const Text(
            'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.',
            style: TextStyle(fontSize: 20, fontWeight: FontWeight.bold),
          ),
          const SizedBox(height: 20),
          ElevatedButton(
            onPressed: () {},
            child: const Text('Button'),
          ),
        ],
      ),
    )
tyu7yeag

tyu7yeag2#

Flutter 3.3版本中有一个新的小部件SelectionArea。它允许在其中选择多个文本小部件。
https://api.flutter.dev/flutter/material/SelectionArea-class.html

相关问题