- onSelectionPosition : Text seçimi sonrası seçilen context'i ve başlangıç bitiş noktalarını verir
- RenderActionBar : Seçim sonrası ekranda gösterilmesini istediğiniz komponent renderlanır.
- RenderActionBar property sini kullanırken menuItemsi kaldırın.
import { SelectableText } from "@astrocoders/react-native-selectable-text";
<SelectableText
RenderActionBar={() =><MyComponent/>}
onSelectionPosition={(props) => console.log("Position : ",props) }
value={"Lorem ipsum dolor sit amet, consectetur adipiscing elit."}
/>| name | description | type | default |
|---|---|---|---|
| value | text content | string | "" |
| onSelection | Called when the user taps in a item of the selection menu | ({ eventType: string, content: string, selectionStart: int, selectionEnd: int }) => void | () => {} |
| menuItems | context menu items | array(string) | [] |
| style | additional styles to be applied to text | Object | null |
| highlights | array of text ranges that should be highlighted with an optional id | array({ id: string, start: int, end: int }) | [] |
| highlightColor | highlight color | string | null |
| onHighlightPress | called when the user taps the highlight | (id: string) => void | () => {} |
| appendToChildren | element to be added in the last line of text | ReactNode | null |
| TextComponent | Text component used to render value |
ReactNode | |
| textValueProp | text value prop for TextComponent. Should be used when passing TextComponent. Defaults to 'children' which works for | string | 'children' |
| textComponentProps | additional props to pass to TextComponent | object | null |