{"repo":"Expensify/react-native-live-markdown","free":true,"listed":false,"github":"https://github.com/Expensify/react-native-live-markdown","clone":"git clone https://github.com/Expensify/react-native-live-markdown.git","description":"Drop-in replacement for React Native's TextInput component with Markdown formatting.","language":"TypeScript","stars":1335,"topics":["markdown","react-native","textinput"],"license":"MIT","category":"mobile-apps","readme_excerpt":"Features - ⚛️ Drop-in replacement for component - ⌨️ Live synchronous formatting on every keystroke - ⚡ Fully native experience (selection, spellcheck, autocomplete) - 🔧 Customizable logic - 🎨 Customizable styles - 🌐 Universal support (Android, iOS, web) - 🏗️ Supports only the New Architecture Installation First, install the library from npm with the package manager of your choice: React Native Live Markdown requires react-native-worklets 0.7.0 or newer as well as expensify-common 2.0.115 and html-entities 2.5.3 exactly if using the default built-in ExpensiMark parser. [!IMPORTANT] Please follow the react-native-worklets Getting Started guide to avoid issues. Then, install the iOS dependencies with CocoaPods: The library includes native code so you will need to re-build the native app. [!NOTE] The library does not support Expo Go, you will need to setup Expo Dev Client (see here). Usage Styling MarkdownTextInput can be styled using style prop just like regular TextInput component. It is also possible to customize the styling of the formatted contents of MarkdownTextInput component. The style object supports all color representations from React Native including PlatformColor and DynamicColorIOS according to the color reference. Currently, a limited set of styles is customizable but this is subject to change in the future. The style object can be passed to multiple MarkdownTextInput components using markdownStyle prop: [!TIP] We recommend to store the style object outside o","default_branch":null,"files":null,"tree":[],"storefront":"/r/Expensify","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/Expensify/react-native-live-markdown/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}