SelectionContainer：实现文本选择与复制功能

SelectionContainer：实现文本选择与复制功能

在 Jetpack Compose 中，SelectionContainer 是一个非常实用的组件，它能够为包裹的子组件（如 Text）启用文本选择功能，允许用户长按文本进行选择和复制操作。

1、基本用法

默认情况下，Text 组件是不支持文本选择的。如果需要让文本可选，可以使用 SelectionContainer 将 Text 组件包裹起来。

@Composablefun SelectableText() {
    SelectionContainer {
        Text("This text is selectable")
    }}

在上面的代码中，SelectionContainer 包裹了 Text 组件，使得用户可以通过长按操作选择和复制文本。

1.1、支持多个子组件

SelectionContainer 不仅可以包裹单个 Text 组件，还可以包含多个子组件。所有被包裹的子组件都将支持文本选择。

@Composablefun MultiSelectableText() {
    SelectionContainer {
        Column {
            Text("Text 1")
            Text("Text 2")
            Text("Text 3")
        }
    }}

在上述代码中，Column 中的所有 Text 组件都将支持文本选择。

1.2、禁止部分文本选择

在某些情况下，你可能希望某些文本可选，而另一些文本不可选。Jetpack Compose 提供了 DisableSelection 组件，用于禁止包裹的文本被选择。

@Composablefun PartiallySelectableText() {
    SelectionContainer {
        Column {
            Text("This text is selectable")
            DisableSelection {
                Text("This text is not selectable")
            }
            Text("This text is also selectable")
        }
    }}

在上述代码中，DisableSelection 包裹的 Text 组件中的文本将无法被选择。

2、注意事项

如果在 SelectionContainer 中使用了 LazyColumn 或 LazyRow 等懒加载布局，未被渲染的文本项将不会被包含在选择操作中。虽然 SelectionContainer 提供了强大的功能，但过多地使用它可能会对性能产生一定影响。建议仅在需要支持文本选择的场景中使用。

SelectionContainer 是 Jetpack Compose 中一个非常实用的组件，它能够为包裹的文本组件启用选择和复制功能。通过结合DisableSelection，还可以实现更灵活的文本选择控制。合理使用 SelectionContainer，可以提升应用的交互性和用户体验