1.6.0 • Published 2 years ago
@vikalp_p/react-native-highlightable-text v1.6.0
react-native-highlightable-text
Highlightable React native Text View component, supports text selection and showing highlights.
Demo
Usage
import { HighlightableText } from '@vikalp_p/react-native-highlightable-text';
// Use normally, it is a drop-in replacement for react-native/Text
<HighlightableText
value={`Lorem ipsum dolor sit amet consectetur adipisicing elit. Sint voluptatibus officiis nisi molestiae officia iure, magnam provident, perspiciatis fugiat ex dolorem! Commodi animi corporis dicta possimus ducimus perferendis, sequi consequuntur?`}
style={contentStyle}
highlights={highlights}
highlightColor={'red'}
onHighlightPress={onHighlightPress}
onSelectionChange={onSelectionChange}
/>;
Getting started
$ npm install @vikalp_p/react-native-highlightable-text
$ cd ios && pod install
Props
name | description | type | default |
---|---|---|---|
value | text content | string | "" |
style | additional styles to be applied to text | Object | |
highlights | array of text ranges that should be highlighted with an optional id | array({ id: string, start: int, end: int }) | [] |
highlightColor | highlight color | string | |
onSelectionChange | Called when the text selection changes | (event: Selection) => void | |
onHighlightPress | called when the user taps the highlight | (id: string) => void | |
appendToChildren | element to be added in the last line of text | ReactNode |
1.6.0
2 years ago
1.5.3
2 years ago
1.5.2
2 years ago
1.5.1
2 years ago
1.5.0
2 years ago
1.4.4
2 years ago
1.4.3
2 years ago
1.4.2
2 years ago
1.4.1
2 years ago
1.4.0
2 years ago
1.3.1
2 years ago
1.3.0
2 years ago
1.2.3
2 years ago
1.2.2
2 years ago
1.2.1
2 years ago
1.2.0
2 years ago
1.1.0
2 years ago
1.0.4
2 years ago
1.0.3
2 years ago
1.0.2
2 years ago
1.0.1
2 years ago
1.0.0
2 years ago