react-native-text-input-mask - Text input mask for React Native, Android and iOS

We have collection of more than 1 Million open source products ranging from Enterprise product to small libraries in all platforms. We aggregate information from all open source repositories. Search and find the best for your needs. Check out projects section.

react-native-text-input-mask - Text input mask for React Native, Android and iOS

Text input mask for React Native on iOS and Android. For Android it just works.

https://github.com/react-native-community/react-native-text-input-mask

Tags	mask maskedtextfield maskededittext maskedinput react-native mask-android mask-ios android input-mask inputmask react native text-input ios
Implementation	Swift
License	MIT
Platform	MacOS

Related Projects

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 mask input text textinput custom money

text-mask - Input mask for React, Angular, Ember, Vue, & plain JavaScript

Javascript

Conforms string to given mask or pattern, and can be hooked up to input element

input-mask inputmask text-formatting react angular vue ember text-mask string-mask input-formatting string-formatting angular2 angular-component

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 react-component react-native text-input textinput textfield animation animated ios android

react-native-mask-loader - React Native App Loader that shows an expanding image as a mask on your app

Javascript

This component provides a loading screen for React Native apps that is meant to reproduce Twitter's app loading animation. There is an accompanying blog post at https://facebook.github.io/react-native/blog/2018/01/18/implementing-twitters-app-loading-animation-in-react-native.html.

react-native-keyboard-input - Use your own custom input component instead of the system keyboard

Objective-C

Presents a React component as an input view which replaces the system keyboard. Can be used for creating custom input views such as an image gallery, stickers, etc. Supports both iOS and Android.

react-native ios android keyboard-input keyboard keyboard-component inputaccessoryview react react-component custom-input input

react-native-autocomplete-input - Pure javascript autocomplete input for react-native

Javascript

A pure JS autocomplete component for React Native. Use this component in your own projects or use it as inspiration to build your own autocomplete. Tested with RN >= 0.26.2. If you want to use RN < 0.26 try to install react-native-autocomplete-input <= 0.0.5.

autocomplete react-native ios android input

react-native-credit-card-input - Easy, cross-platform credit-card input for your React Native Project! Start accepting payment 💰 in your app today!

Javascript

The above would set the default value of the name field to my name and limit the input to a maximum of 40 character. In addition, it would set the returnKeyType of the postalcode field to go.

react-native component payment credit-card ios android credit-card-input skeuomorphic-credit-card form flip card input react-component react-native-component

cleave.js - Format input text content when you are typing...

Javascript

Cleave.js has a simple purpose: to help you format input text content automatically. The idea is to provide an easy way to increase input field readability by formatting your typed data. By using this library, you won't need to write any mind-blowing regular expressions or mask patterns to format input text.

input credit-card input-mask creditcard telephone-number cleave html format form mask formatter filter vanilla react

react-native-fbsdk - A React Native wrapper around the Facebook SDKs for Android and iOS

Java

Facebook has ended official support for our React Native wrapper around the Facebook SDKs for Android and iOS. We are pleased by the community's efforts that make the Facebook SDK for React Native a success. We believe the community is well equipped to address developer needs going forward. Note that our support for React Native continues and is not affected by this. The current version of the project will move to Facebook Archive. We recommend the community fork this repo into a new project that can be continuously maintained by the community. We encourage the community to make any necessary changes that they believe will enhance the functionality of the SDK moving forward.

react react-native react-component ios android facebook core

Inputmask - Input Mask plugin

Javascript

Inputmask is a javascript library which creates an input mask. Inputmask can run against vanilla javascript, jQuery and jqlite. An inputmask helps the user with the input by ensuring a predefined format. This can be useful for dates, numerics, phone numbers, ...

inputmask maskedinput vanilla-javascript jquery-plugin jqlite form input mask plugins

react-native-calendar-events - React Native Module for iOS and Android Calendar Events

Java

A React Native module to help access and save events to iOS and Android calendars. This package assumes that you already have a React Native project or are familiar with React Native. If not, checkout the official documentation for more details about getting started with React Native.

android-calendar-events ios-calendar-events react-native calendar-events alarms calendar-api recurring-events ios-calendar-api android-calendar-api react-native-module andriod ios-library react-component ios android eventkit reminders

react-native-webview-android - Simple React Native Android module to use Android's WebView inside your app

Java

Simple React Native Android module to use Android's WebView inside your app (with experimental html file input support to handle file uploads in forms). If you need to see the install instructions for older React Native versions look here.

react react-native react-component web webview html frame iframe embed android upload files input

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.

react-native react twitter facebook popup share-popups slcomposeviewcontroller rctbridgemodule social react-component react-native-component mobile ui react-native-facebook react-native-twitter

react-native-easy-toast - A react native module to show toast like android, it works on iOS and Android

Javascript

A react native module to show toast like android, it works on iOS and Android. Add react-native-easy-toast to your js file.

toast react-native-toast react-native react-toast react-native-component toast-ios alert react-component navigator ios android

react-native-date-picker - React Native Date Picker - A datepicker for Android and iOS

Java

📅 React Native Date Picker is a cross platform component working on both iOS and Android. It uses the slightly improved DatePickerIOS on iOS and a custom picker on Android which has similar look and feel. The datetime mode might be particulary interesting if you looking for a way to avoid two different popup pickers on android. Unfortunately, expo does not support this date picker at the moment. Upvote this feature request if you would like to have it included.

react-native datepicker react-native-android picker datepickerios android datepicker-component react-native-datepicker date-picker react-native-date-picker

react-native-agora - React Native around the Agora RTC SDKs for Android and iOS agora

The react-native-agora is an open-source wrapper for react-native developers. This SDK takes advantage of React Native and Agora RTC Video SDKs on Android/iOS.

agora react-native live video ios android sheng-w react-native-agora react rct react-native-video

react-native-button-component - A Beautiful, Customizable React Native Button component for iOS & Android

Javascript

React Native Button component for iOS & Android. CircleButton, RoundButton, RectangleButton is on top of ButtonComponent. So I recommend you should use CircleButton, RoundButton, RectangleButton, rather than directly use ButtonComponent because those button components may have preset some options.

react react-native button react-native-button ios android react-button react-native-button-component component react-component react-native-component

react-native-star-rating - A React Native component for generating and displaying interactive star ratings

Javascript

A React Native component for generating and displaying interactive star ratings. Compatible with both iOS and Android. For the emptyStar, fullStar, halfStar, and iconSet props, please refer to the react-native-vector-icons package for the valid string names for the star icons. When selecting the icon string names, you must remember to remove the font family name before the first hyphen. For example, if you want to use the ion-ios-star from the Ionicon font set, you would set the fullStar prop to ios-star and the iconSet to Ionicons.