react-native-measure-text - Measure text width and/or height without laying it out.

  •        98

Measure text height and/or width without laying it out. Returns a promise that resolves to all the heights of the texts passed in options.



Related Projects

react-native-speech - A text-to-speech library for React Native.

  •    Objective-C

React Native Speech is a text-to-speech library for React Native. In order to use Speech, you must first link the library your project. There's excellent documentation on how to do this in the React Native Docs.

react-native-textinput-effects - Text inputs with custom label and icon animations for iOS and android

  •    Javascript

I've come across with those beautiful text inputs created and blogged by Codrops and wanted to port them to react-native. Some of those text fields are now ready to use in iOS and android thanks to react-native. There is also a native iOS library called TextFieldEffects which has built some of them in Swift.

react-native-masked-text - A simple masked text and input text component for React-Native.

  •    Javascript

This is a simple masked text (normal text and input text) component for React-Native. credit-card: use the mask 9999 9999 9999 9999. It accepts options (see later in this doc). cpf: use the mask 999.999.999-99 and numeric keyboard. cnpj: use the mask 99.999.999/9999-99 and numeric keyboard. zip-code: use the mask 99999-999 and numeric keyboard. only-numbers: accept only numbers on field with numeric keyboard. money: use the mask R$ 0,00 on the field with numeric keyboard. It accepts options (see later in this doc). cel-phone: use the mask (99) 9999-9999 or (99) 99999-9999 (changing automaticaly by length). It accepts options (see later in this doc). datetime: use datetime mask with moment format (default DD/MM/YYYY HH:mm:ss). It accepts options (see later in this doc). custom: use your custom mask (see the options props later in this doc).

react-native-parsed-text - Parse text and make them into multiple React Native Text elements

  •    Javascript

This library allows you to parse a text and extract parts using a RegExp or predefined patterns. Currently there are 3 predefined types: url, phone and email.All the props are passed down to a new Text Component if there is a matching text. If those are functions they will receive as param the value of the text.

react-native-snippets - :pencil2: A collection of React Native snippets for Sublime Text and Atom

  •    Makefile

A collection of React Native snippets for Sublime Text and Atom. These snippets use ES6/7 syntax.

react-native-zss-rich-text-editor - React Native rich text editor based on ZSSRichTextEditor

  •    HTML

A fully functional Rich Text Editor for both Android and iOS, based off the ZSSRichTextEditor project. Also, follow instructions here to add the native react-native-webview-bridge-updated dependency.

react-native-social-share - Use the iOS and Android native Twitter and Facebook share popup with React Native https://github

  •    Objective-C

Use the built-in share view from iOS and Android to let the user share on Facebook and Twitter. It will use the user's existing account without having to get new authorizations. You can even preset text, image and link for the share view. Let me know how it works.

rn-placeholder - :dash: :dizzy: :sparkles: Display some placeholder stuff before rendering your text or media content in React Native

  •    Javascript

Display some placeholder stuff before rendering your text or media content in React Native. _Fully compatible with Expo and react-native-web.

react-native-facebook-login - React Native component wrapping the native Facebook SDK login button and manager

  •    Objective-C

<FBLogin /> provides a React Native component wrapping the native Facebook SDK login button and manager. Note: Demo above includes debug text to confirm login (i.e. user name, email and access token). <FBLogin />, by default, will only display the native blue 'Log in with Facebook' button.

react-native-typography - Pixel–perfect, native–looking typographic styles for React Native ✒️

  •    Javascript

Pixel–perfect, native–looking typographic styles for React Native. Creating great Text Styles in React Native is not a simple task, it requires a lot of fiddling and handling edge cases.

react-native-timeago - An auto-updating timeago component for React Native using moment.js

  •    Javascript

An auto-updating timeago component for React Native using moment.js. All normal Text props are applicable (including style). Use the interval prop to change the update interval in milliseconds (default: 60000).

css-to-react-native - Convert CSS text to a React Native stylesheet object

  •    Javascript

Converts CSS text to a React Native stylesheet object. Converts all number-like values to numbers, and string-like to strings.


  •    Objective-C

A helper component meant to be used as a drop-in replacement for RN TextInput to allow automatic expanding of a multi-line text input according to the number of lines. To fix the issue with the height not being set for initial values (or with other cases where the input is not set by the user typing using the keyboard) you need to add the libAutoGrowTextInput to your project. After performing npm install, locate AutoGrowTextInput.xcodeproj in YOUR_PROJECT/node_modules/react-native-autogrow-textinput/ios and drag it to your own project, then in your target's general settings, add it to the "Linked Frameworks and Libraries".

react-native-ultimate-listview - A high performance FlatList providing customised pull-to-refresh | auto-pagination & infinite-scrolling | gridview layout | swipeable-row

  •    Javascript

This module supports both of iOS and Android platforms. Know Issue (v3.3.0): On Android, if you are using CustomRefreshView, and the total hight of your first load data is less than your device height, then the RefreshView may still sticky on the top. However, if the data you loaded is beyond your screen, everything's fine. This issue only happen on Android, any PR is welcome.

native-starter-kit - React Native Starter App with NativeBase + CodePush + Redux

  •    Javascript

Note: Shifted to React Navigation from React Native Router Flux in the master branch. React Navigation has become standard for navigation solution in React Native. We are just keeping up with the current trend. No need of reinventing the wheel. To have immediately something to continue building on, it would be best to start from some starter kit for getting React Native - based applications off the ground in a hurry.

react-native-magic-move - Create magical move transitions between scenes in react-native 🐰🎩✨

  •    Javascript

A follow up project called react-native-shared-element has been created which can be considered the successor to react-native-magic-move. It it an all native solution that provides superior performance (no more passes over the react-native bridge) and transitions. It however does not support some of the more exotic transition types (flip, shrinkAndGrow) that Magic Move does. It also doesn't support the web-platform yet and requires native extensions to run. New users are advised to use react-native-shared-element when possible. As for Magic Move, no more new developments will be started for Magic Move, merely critical bug-fixes. This notification will be updated as development on react-native-shared-element progresses. * The native extensions are recommended to get the best performance, but they are not required. This makes it possible to use react-native-magic-move with expo or react-native-web. If you're having trouble installing the native extensions, please see this guide on how to install them manually.

react-native-pdf-view - React Native PDF View

  •    Objective-C

React native 0.40 moved iOS headers, thus all iOS react import statements has been changed. Use version 0.4.* for react native >=0.40. For earlier version see below breaking change. React native 0.19 changed the ReactProps class which led to problems with updating native view properties (see These errors are corrected in react-native-pdf-view version 0.2.0. Use version 0.2.* for react native >=0.19 and for earlier react native versions use version 0.1.3.