React-native-highlightr NPM

react-native-highlightr

a code editor component for react native -- this component is a wrapper of Highlightr

currently ios only

Installation

npm install react-native-highlightr

cd ios

pod install

Usage

import HighlightrView from 'react-native-highlightr'
...
<HighlightrView language={"Swift"} theme={"atom-one-dark"} value={"func helloWorld(){}"} onChangeText={someFunc}/>

Props (more formal documentation coming soon)

see highlightrjs for availabe languages and themes

language - type: String, description: the name of the coding language to be highlighted
theme - type: String, description: theme for syntax highlighing
value - type: String, description: a string value for the code editor view (mirrors text input value prop usagae)
editable - type: Boolean, description: a boolean to toggle whether the text view's text is editable (if false, keyboard is disabled)
onChangeText - type: Function, description: a callback function that has the current string value of the text view passed in
onPress - type: Function, description: a callback function called whenever the text view is pressed
keyboardAppearance - type: enum 'light', 'dark', description: sets keyboard appearance for the text view