Flutter 中可选择的文本

Flutter中正常的文本都是不可选择的:

如下面这段代码在虚拟机中显示文本后,不论你如何尝试选择都是无法选中的:


class MyApp1 extends StatefulWidget {
  const MyApp1({Key? key}) : super(key: key);

  @override
  State<MyApp1> createState() => _MyApp1State();
}

class _MyApp1State extends State<MyApp1> {
  @override
  Widget build(BuildContext context) {
    return Center(
      child: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: [
          Text("不可选择的文本Text"),
        ],
      ),
    );
  }
}

所以就有了下面的这个文本组件:他是可被选中复制粘贴的:

class MyApp1 extends StatefulWidget {
  const MyApp1({Key? key}) : super(key: key);

  @override
  State<MyApp1> createState() => _MyApp1State();
}

class _MyApp1State extends State<MyApp1> {
  @override
  Widget build(BuildContext context) {
    return Center(
      child: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: [
          Text("不可选择的文本Text"),
          SelectableText("可选择的文本,SelectableText"),
        ],
      ),
    );
  }
}

 可以看到直接使用Text写出来的文本是无法被选中的,

但是如果使用SelectableText写出来的文本是可以被选中的

猜你喜欢

转载自blog.csdn.net/a3244005396/article/details/128162171