react-native-selectable-text

Usage

Aşağıdaki kullanıma ek olara bazı proplar eklendi.

• 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."}
      />

Props

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