{"repo":"appandflow/react-native-transformer-text-input","free":true,"listed":false,"github":"https://github.com/appandflow/react-native-transformer-text-input","clone":"git clone https://github.com/appandflow/react-native-transformer-text-input.git","description":"TextInput component that allows transforming text synchronously with a worklet.","language":"TypeScript","stars":174,"topics":["android","ios","native-module","react-native"],"license":"MIT","category":"mobile-apps","readme_excerpt":"TextInput component that allows transforming text synchronously with a worklet. About App & Flow is a Montreal-based React Native engineering and consulting studio. We partner with the world’s top companies and are recommended by Expo. Need a hand? Let’s build together. team@appandflow.com Demo https://github.com/user-attachments/assets/b22041b2-f5c1-4b2a-9fd0-960d7f5b3cf9 Motivation Transforming input as users type is common — phone numbers, credit cards, usernames. Existing approaches have trade-offs: Pattern-based masking (e.g., react-native-advanced-input-mask) uses declarative patterns like +1 ([000]) [000]-[0000] . This works well for fixed formats, but patterns can't express conditional logic, variable-length formats, or transformations that depend on context. Controlled inputs ( value + onChangeText + state) give you full JS flexibility, but create a native → JS → re-render → native round-trip. This causes visible lag and cursor flicker—the input feels sluggish because keystrokes are corrected asynchronously. This library combines JS flexibility with synchronous execution. Your transform runs as a worklet on the UI thread — no bridge delay, no flicker. Write any logic you need with the responsiveness of a native input. Installation Usage API Transformer Create a transformer by passing a worklet function: - Constructor : new Transformer(worklet) - worklet input : an object with - value : current text value. - previousValue : previous text value (falls back to value on ","default_branch":null,"files":null,"tree":[],"storefront":"/r/appandflow","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/appandflow/react-native-transformer-text-input/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."}