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-maskTags | 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 |
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 moneyConforms 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-componentI'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 androidThis 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.
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 inputA 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 inputThe 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-componentInputmask 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 pluginsA 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 remindersSimple 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 inputUse 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-twitterA 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 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-pickerThe 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-videoReact 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-componentA 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.
star-rating star-rating-component react-native react-native-component custom-star star-icon react-native-star-rating star rating ratings component react native stars review reviews react-component ios androidCheckbox component for react native, it works on iOS and Android. Add react-native-check-box to your js file.
check-box checkbox-component react-native react-native-checkbox react-native-component check box react-component ios androidA speech-to-text library for React Native. Full example for Android and iOS.
react-native android ios speech-recognition voice-recognition speech voiceReact 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 https://github.com/facebook/react-native/issues/5649). 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.
react-component react-native android ios pdf viewJPush's officially supported React Native plugin (Android & iOS). 极光推送官方支持的 React Native 插件(Android & iOS)。
react-native react jpush android ios native
We have large collection of open source products. Follow the tags from
Tag Cloud >>
Open source products are scattered around the web. Please provide information
about the open source projects you own / you use.
Add Projects.