react-native-highlight-word

Installation

# Using npm

npm install react-native-highlight-word

# Using yarn

yarn add react-native-highlight-word

Demo

Code provided in Examples folder.

Usage

import HighLight from 'react-native-highlight-word';

...

const onPressHightlightWord = (value) => {
    console.log(value)
}
...

<HighLight
    paragraph="Lorem Ipsum is simply dummy text of the printing and typesetting industr"
    substrings={["Ipsum", "typesetting"]}
    paragraphStyle={{ fontSize: 20 }}
    highlightStyle={{ fontSize: 20, color: '#2980b9' }} 
    showHighlightColor={true}
    onPressWord={onPressHightlightWord}/>
    

Props

• paragraph

• substrings

• numberOfLines

• paragraphStyle

• highlightStyle

• showHighlightColor

• onPressWord

paragraph

paragraph is present default value

| Type | Required | | ----- | -------- | | string | Yes |

substrings

substrings is array of strings

| Type | Required | | ----- | -------- | | array | No |

numberOfLines

numberOfLines for showing lines of string, default is 0

| Type | Required | | ----- | -------- | | int | No |

paragraphStyle

paragraphStyle object for text/string, you can pass the default style of string/paragraph

| Type | Required | | -------- | -------- | | object | No |

highlightStyle

style object for hightlight word/words

| Type | Required | | -------- | -------- | | object | No |

showHighlightColor

show background default color on tap, default value is true

| Type | Required | | -------- | -------- | | boolean | No |

onPressWord

onPressWord is function, if use tap on hightlight word then get the value of word and it's index

| Type | Required | | -------- | -------- | | function | No |

License

MIT