Text input mask for React Native on iOS and Android.

Overview

react-native-text-input-mask

Text input mask for React Native on iOS and Android.

NPM package version. MIT license.

Examples

React Native Text Input Mask iOS React Native Text Input Mask Android

Setup

npm install --save react-native-text-input-mask

# --- or ---

yarn add react-native-text-input-mask

Installation

For RN >= 0.60

iOS

  1. Configure pods (static or dynamic linking)
Static Library ( Podfile has no use_frameworks! ) Add following lines to your target in `Podfile`. Linking is not required in React Native 0.60 and above.
pod 'React-RCTText', :path => '../node_modules/react-native/Libraries/Text', :modular_headers => true
Dynamic Framework ( Podfile has use_frameworks! ) Add following lines to your target in `Podfile` if it doesnt exist. Linking is not required in React Native 0.60 and above.
use_frameworks!
  1. Run pod install in the ios directory.

Android

No need to do anything.

For RN < 0.60

WARNING! This is no longer officially supported, these instructions are out of date and may no longer work, we recommend upgrading to a newer version of React Native.

Link

react-native link react-native-text-input-mask

iOS only: you have to drag and drop InputMask.framework to Embedded Binaries in General tab of Target

Manual installation

iOS

  1. In XCode, in the project navigator, right click LibrariesAdd Files to [your project's name]
  2. Go to node_modulesreact-native-text-input-mask and add RNTextInputMask.xcodeproj
  3. In XCode, in the project navigator, select your project. Add libRNTextInputMask.a to your project's Build PhasesLink Binary With Libraries
  4. Run your project (Cmd+R)

Android

  1. Open up android/app/src/main/java/[...]/MainActivity.java
  • Add import com.RNTextInputMask.RNTextInputMaskPackage; to the imports at the top of the file
  • Add new RNTextInputMaskPackage() to the list returned by the getPackages() method
  1. Append the following lines to android/settings.gradle:
    include ':react-native-text-input-mask'
    project(':react-native-text-input-mask').projectDir = new File(rootProject.projectDir, 	'../node_modules/react-native-text-input-mask/android')
    
  2. Insert the following lines inside the dependencies block in android/app/build.gradle:
      compile project(':react-native-text-input-mask')
    

Usage

... ">
import TextInputMask from 'react-native-text-input-mask';
...
<TextInputMask
  onChangeText={(formatted, extracted) => {
    console.log(formatted) // +1 (123) 456-78-90
    console.log(extracted) // 1234567890
  }}
  mask={"+1 ([000]) [000] [00] [00]"}
/>
...

Testing

Jest

Make sure to mock the following to jest.setup.js:

jest.mock('react-native-text-input-mask', () => ({
    default: jest.fn(),
}))

More info

RedMadRobot Input Mask Android

RedMadRobot Input Mask IOS

Versioning

This project uses semantic versioning: MAJOR.MINOR.PATCH. This means that releases within the same MAJOR version are always backwards compatible. For more info see semver.org.

Local Development and testing

To use a local copy with your project, it's highly recommended to use https://github.com/wix/wml

Comments
  • React Native 0.60 not work

    React Native 0.60 not work

    Bug

    Hello! This component not work is RN 60

    Environment info

    React native info output:

     // paste it here
    

    Library version: x.x.x

    Steps To Reproduce

    ...

    Describe what you expected to happen:

    Reproducible sample code

    opened by aspidvip 57
  • SWIFT_VERSION '3.0' is unsupported, supported versions are: 4.0, 4.2, 5.0. (in target 'InputMask')

    SWIFT_VERSION '3.0' is unsupported, supported versions are: 4.0, 4.2, 5.0. (in target 'InputMask')

    I have just updated Xcode to version 10.2, then it shows (SWIFT_VERSION '3.0' is unsupported, supported versions are: 4.0, 4.2, 5.0. (in target 'InputMask'). could someone help me with this, please?

    react-native version:0.56.0 react-native-text-input-mask:0.8.0

    opened by LyhengTep 43
  • Added podspec support to use with RN 0.60 and above.

    Added podspec support to use with RN 0.60 and above.

    Summary

    • What is the feature? (if applicable) Added podspec support for react native greater than 60.

    • How did you implement the solution? Added pod files.

    • What areas of the library does it impact? Updated imported lib name so that pod will not automatically download InputMask lib.

    Test Plan

    What's required for testing (prerequisites)?

    Create new project using react native version 0.61.1 Follow the installation instructions and it will work.

    What are the steps to reproduce (after prerequisites)?

    Compatibility

    | OS | Implemented | | ------- | :---------: | | iOS | ✅ |

    Checklist

    • [X] I have tested this on a device and a simulator
    • [X] I added the documentation in README.md
    • [ ] I mentioned this change in CHANGELOG.md
    • [ ] I updated the typed files (TS and Flow)
    • [ ] I added a sample use of the API in the example project (example/App.js)
    opened by waqas19921 32
  • RNTextInputMask React/RCTBridge.h file not found

    RNTextInputMask React/RCTBridge.h file not found

    After run:

    yarn install react-native-text-input-mask
    react-native link react-native-text-input-mask
    

    got this error on xcode RNTextInputMask React/RCTBridge.h file not found

    How do I fix it?

    opened by jokernomade 23
  • Fix for react native warning on componentWillReceiveProps

    Fix for react native warning on componentWillReceiveProps

    Summary

    Fixed componentWillReceiveProps warning

    • What issues does the pull request solve? #133
    • How did you implement the solution? I changed the lifecycle method from componentWillReceiveProps to componentDidUpdate
    • What areas of the library does it impact? The JS part of the library

    Test Plan

    What's required for testing (prerequisites)?

    Empty project with the library installed
    

    What are the steps to reproduce (after prerequisites)?

    Run the app and check if the masking it is still working
    

    Compatibility

    | OS | Implemented | | ------- | :---------: | | iOS | ✅ | | Android | ✅ |

    Checklist

    • [x] I have tested this on a device and a simulator
    • [ ] I added the documentation in README.md
    • [ ] I mentioned this change in CHANGELOG.md
    • [ ] I updated the typed files (TS and Flow)
    • [ ] I added a sample use of the API in the example project (example/App.js)
    opened by alexnaiman 17
  • Task :react-native-text-input-mask:compileDebugKotlin FAILED

    Task :react-native-text-input-mask:compileDebugKotlin FAILED

    When I`m building, I get this error:

    `> Task :react-native-text-input-mask:compileDebugKotlin FAILED ReactNativeFirebase WARNING: NPM package '@react-native-firebase/dynamic-links' depends on '@react-native-firebase/app' v12.1.0 but found v11.5.0, this might cause build issues or runtime crashes.

    Deprecated Gradle features were used in this build, making it incompatible with Gradle 7.0. Use '--warning-mode all' to show the individual deprecation warnings. See https://docs.gradle.org/6.3/userguide/command_line_interface.html#sec:command_line_warnings 281 actionable tasks: 2 executed, 279 up-to-date e: java.lang.ExceptionInInitializerError at org.jetbrains.kotlin.com.intellij.pom.java.LanguageLevel.(LanguageLevel.java:25) at org.jetbrains.kotlin.com.intellij.core.CoreLanguageLevelProjectExtension.(CoreLanguageLevelProjectExtension.java:26) at org.jetbrains.kotlin.com.intellij.core.JavaCoreProjectEnvironment.(JavaCoreProjectEnvironment.java:42) at org.jetbrains.kotlin.cli.jvm.compiler.KotlinCoreProjectEnvironment.(KotlinCoreProjectEnvironment.kt:26) at org.jetbrains.kotlin.cli.jvm.compiler.KotlinCoreEnvironment$ProjectEnvironment.(KotlinCoreEnvironment.kt:121) at org.jetbrains.kotlin.cli.jvm.compiler.KotlinCoreEnvironment$Companion.createForProduction(KotlinCoreEnvironment.kt:425) at org.jetbrains.kotlin.cli.jvm.K2JVMCompiler.createCoreEnvironment(K2JVMCompiler.kt:226) at org.jetbrains.kotlin.cli.jvm.K2JVMCompiler.doExecute(K2JVMCompiler.kt:152) at org.jetbrains.kotlin.cli.jvm.K2JVMCompiler.doExecute(K2JVMCompiler.kt:52) at org.jetbrains.kotlin.cli.common.CLICompiler.execImpl(CLICompiler.kt:88) at org.jetbrains.kotlin.cli.common.CLICompiler.execImpl(CLICompiler.kt:44) at org.jetbrains.kotlin.cli.common.CLITool.exec(CLITool.kt:98) at org.jetbrains.kotlin.incremental.IncrementalJvmCompilerRunner.runCompiler(IncrementalJvmCompilerRunner.kt:386) at org.jetbrains.kotlin.incremental.IncrementalJvmCompilerRunner.runCompiler(IncrementalJvmCompilerRunner.kt:110) at org.jetbrains.kotlin.incremental.IncrementalCompilerRunner.compileIncrementally(IncrementalCompilerRunner.kt:286) at org.jetbrains.kotlin.incremental.IncrementalCompilerRunner.compileImpl$rebuild(IncrementalCompilerRunner.kt:99) at org.jetbrains.kotlin.incremental.IncrementalCompilerRunner.compileImpl(IncrementalCompilerRunner.kt:114) at org.jetbrains.kotlin.incremental.IncrementalCompilerRunner.compile(IncrementalCompilerRunner.kt:74) at org.jetbrains.kotlin.daemon.CompileServiceImplBase.execIncrementalCompiler(CompileServiceImpl.kt:607) at org.jetbrains.kotlin.daemon.CompileServiceImplBase.access$execIncrementalCompiler(CompileServiceImpl.kt:96) at org.jetbrains.kotlin.daemon.CompileServiceImpl.compile(CompileServiceImpl.kt:1659) at java.base/jdk.internal.reflect.NativeMethodAccessorImpl.invoke0(Native Method) at java.base/jdk.internal.reflect.NativeMethodAccessorImpl.invoke(NativeMethodAccessorImpl.java:78) at java.base/jdk.internal.reflect.DelegatingMethodAccessorImpl.invoke(DelegatingMethodAccessorImpl.java:43) at java.base/java.lang.reflect.Method.invoke(Method.java:567) at java.rmi/sun.rmi.server.UnicastServerRef.dispatch(UnicastServerRef.java:357) at java.rmi/sun.rmi.transport.Transport$1.run(Transport.java:200) at java.rmi/sun.rmi.transport.Transport$1.run(Transport.java:197) at java.base/java.security.AccessController.doPrivileged(AccessController.java:691) at java.rmi/sun.rmi.transport.Transport.serviceCall(Transport.java:196) at java.rmi/sun.rmi.transport.tcp.TCPTransport.handleMessages(TCPTransport.java:587) at java.rmi/sun.rmi.transport.tcp.TCPTransport$ConnectionHandler.run0(TCPTransport.java:828) at java.rmi/sun.rmi.transport.tcp.TCPTransport$ConnectionHandler.lambda$run$0(TCPTransport.java:705) at java.base/java.security.AccessController.doPrivileged(AccessController.java:391) at java.rmi/sun.rmi.transport.tcp.TCPTransport$ConnectionHandler.run(TCPTransport.java:704) at java.base/java.util.concurrent.ThreadPoolExecutor.runWorker(ThreadPoolExecutor.java:1130) at java.base/java.util.concurrent.ThreadPoolExecutor$Worker.run(ThreadPoolExecutor.java:630) at java.base/java.lang.Thread.run(Thread.java:831) Caused by: java.lang.reflect.InaccessibleObjectException: Unable to make protected void java.util.ResourceBundle.setParent(java.util.ResourceBundle) accessible: module java.base does not "opens java.util" to unnamed module @13545af8 at java.base/java.lang.reflect.AccessibleObject.checkCanSetAccessible(AccessibleObject.java:357) at java.base/java.lang.reflect.AccessibleObject.checkCanSetAccessible(AccessibleObject.java:297) at java.base/java.lang.reflect.Method.checkCanSetAccessible(Method.java:199) at java.base/java.lang.reflect.Method.setAccessible(Method.java:193) at org.jetbrains.kotlin.com.intellij.util.ReflectionUtil.makeAccessible(ReflectionUtil.java:252) at org.jetbrains.kotlin.com.intellij.util.ReflectionUtil.getDeclaredMethod(ReflectionUtil.java:269) at org.jetbrains.kotlin.com.intellij.DynamicBundle.(DynamicBundle.java:22) ... 38 more

    FAILURE: Build failed with an exception.

    • What went wrong: Execution failed for task ':react-native-text-input-mask:compileDebugKotlin'.

    Internal compiler error. See log for more details

    • Try: Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights.

    • Get more help at https://help.gradle.org

    BUILD FAILED in 1m 26s

    error Failed to install the app. Make sure you have the Android development environment set up: https://reactnative.dev/docs/environment-setup. Run CLI with --verbose flag for more details. Error: Command failed: ./gradlew app:installDevDebug -PreactNativeDevServerPort=8081 e: java.lang.ExceptionInInitializerError error Command failed with exit code 1. info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.`

    I have:

    Screen Shot 2021-08-02 at 2 24 02 PM

    Screen Shot 2021-08-02 at 2 25 12 PM

    Screen Shot 2021-08-02 at 2 25 19 PM

    Screen Shot 2021-08-02 at 2 25 45 PM

    opened by andreszuluaga-wolox 15
  • Android and ios Not Working

    Android and ios Not Working

    [Mon Mar 01 2021 17:55:24.694] ERROR TypeError: null is not an object (evaluating 'RNTextInputMask.mask') [Mon Mar 01 2021 17:55:24.695] ERROR Invariant Violation: Module AppRegistry is not a registered callable module (calling runApplication) [Mon Mar 01 2021 17:55:24.695] ERROR Invariant Violation: Module AppRegistry is not a registered callable module (calling runApplication)

    opened by metion 15
  • Major Refactor

    Major Refactor

    We've forked this library to be used in our own projects, I figured these might be some good quality of life changes to be sent upstream:

    • Switch to Typescript and using function component and hooks instead
    • Convert iOS code to Swift instead (enables us to drop internal copy of com.redmadrobot library and use public release instead)
    • Use latest versions of com.redmadrobot libraries
    opened by martintreurnicht 15
  • Module 'inputMask' not found

    Module 'inputMask' not found

    I have upgraded from version 0.8.0 to 1.0.1 and try to build a new version using react-native run-ios however I get the following error:

    fatal error: module 'InputMask' not found
    @import InputMask;
     ~~~~~~~^~~~~~~~~
    1 error generated.
    

    I have manually linked everything btw, as described in the projects readme.

    opened by robertbossaert 15
  • RCTSinglelineTextInputView.h file not found (RNTextInputMask.m)

    RCTSinglelineTextInputView.h file not found (RNTextInputMask.m)

    Hello there. I've done the steps in the docs, but no luck, my project on iOS won't build

    #import "RCTSinglelineTextInputView.h"
    

    in file RNTextInputMask.m (line 13)

    Versions: "react-native-text-input-mask": "^0.7.0", "react-native": "0.52.x", "react": "16.2.0", Also using react-native-navigation if this matters

    opened by ppozniak 15
  • Error while uploading to iTunesConnect for beta testing

    Error while uploading to iTunesConnect for beta testing

    Here's the message while uploading to itunesconnect:

    ERROR ITMS-90206: "Invalid Bundle. The bundle at 'myapp.app/Frameworks/InputMask.framework' contains disallowed file 'Frameworks'."

    opened by ararog 15
  • Spaces in mask is causing the numbers to render twice

    Spaces in mask is causing the numbers to render twice

    <TextInputMask onChangeText={(formatted, extracted) => { console.log(formatted); console.log(extracted); }} mask={'+91 [00] [0000] [0000]'} />

    adding spaces in mask causing them to render twice. after any space if i enter any number it gets rendered twice and i have to remove extra number and then enter the correct number

    but working with -

    <TextInputMask onChangeText={(formatted, extracted) => { console.log(formatted); // +1 (123) 456-78-90 console.log(extracted); // 1234567890 }} mask={'+91-[00]-[0000]-[0000]'} />

    "react-native-text-input-mask": "^3.1.4", "react-native": "0.67.2",

    Android 12

    opened by KrishnaCaw 0
  • getExtOrDefault KotlinVersion

    getExtOrDefault KotlinVersion

    Hi! 👋

    Firstly, thanks for your work on this project! 🙂

    Today I used patch-package to patch [email protected] for the project I'm working on.

    Related issues: #249 #268

    Here is the diff that solved my problem:

    diff --git a/node_modules/react-native-text-input-mask/android/build.gradle b/node_modules/react-native-text-input-mask/android/build.gradle
    index c94f33f..ff67cac 100644
    --- a/node_modules/react-native-text-input-mask/android/build.gradle
    +++ b/node_modules/react-native-text-input-mask/android/build.gradle
    @@ -26,8 +26,8 @@ android {
     }
     
     buildscript {
    -    ext {
    -        kotlinVersion = '1.4.31'
    +    ext.safeExtGet = {prop, fallback ->
    +        rootProject.ext.has(prop) ? rootProject.ext.get(prop) : fallback
         }
         repositories {
             jcenter()
    @@ -36,7 +36,7 @@ buildscript {
         }
         dependencies {
             classpath 'com.android.tools.build:gradle:4.1.3'
    -        classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:${project.ext.kotlinVersion}"
    +        classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:${safeExtGet('kotlinVersion', '1.6.10')}"
         }
     }
     
    @@ -53,5 +53,5 @@ repositories {
     dependencies {
         implementation 'com.facebook.react:react-native:+'
         implementation 'com.redmadrobot:input-mask-android:6.0.0'
    -    implementation "org.jetbrains.kotlin:kotlin-stdlib:${project.ext.kotlinVersion}"
    +    implementation "org.jetbrains.kotlin:kotlin-stdlib:${safeExtGet('kotlinVersion', '1.6.10')}"
     }
    
    opened by FDiskas 5
  • Fix/readme-jest-mock

    Fix/readme-jest-mock

    I faced an error when i mocked with :

    jest.mock('react-native-text-input-mask', () => ({ default: jest.fn() }));

    so i switch to this:

    jest.mock('react-native-text-input-mask', () => 'TextInputMask');

    as I saw in this issue https://github.com/react-native-text-input-mask/react-native-text-input-mask/issues/234#issuecomment-1072625753

    opened by JordaoViktor 0
  • getExtOrDefault KotlinVersion

    getExtOrDefault KotlinVersion

    Hi! 👋

    Firstly, thanks for your work on this project! 🙂

    Today I used patch-package to patch [email protected] for the project I'm working on.

    Here is the diff that solved my problem:

    diff --git a/node_modules/react-native-text-input-mask/android/build.gradle b/node_modules/react-native-text-input-mask/android/build.gradle
    index c94f33f..e799b3a 100644
    --- a/node_modules/react-native-text-input-mask/android/build.gradle
    +++ b/node_modules/react-native-text-input-mask/android/build.gradle
    @@ -1,17 +1,17 @@
     apply plugin: 'com.android.library'
     apply plugin: 'kotlin-android'
     
    -def safeExtGet(prop, fallback) {
    -    rootProject.ext.has(prop) ? rootProject.ext.get(prop) : fallback
    +def getExtOrDefault(name) {
    +    return rootProject.ext.has(name) ? rootProject.ext.get(name) : project.properties['RNTextInputMask_' + name]
     }
     
     android {
    -    compileSdkVersion safeExtGet('compileSdkVersion', 28)
    -    buildToolsVersion safeExtGet('buildToolsVersion', '28.0.3')
    +    compileSdkVersion getExtOrDefault('compileSdkVersion')
    +    buildToolsVersion getExtOrDefault('buildToolsVersion')
     
         defaultConfig {
    -        minSdkVersion safeExtGet('minSdkVersion', 16)
    -        targetSdkVersion safeExtGet('targetSdkVersion', 28)
    +        minSdkVersion getExtOrDefault('minSdkVersion')
    +        targetSdkVersion getExtOrDefault('targetSdkVersion')
             versionCode 1
             versionName "1.0.0"
         }
    @@ -26,6 +26,8 @@ android {
     }
     
     buildscript {
    +    def kotlin_version = rootProject.ext.has('kotlinVersion') ? rootProject.ext.get('kotlinVersion') : project.properties['RNTextInputMask_kotlinVersion']
    +
         ext {
             kotlinVersion = '1.4.31'
         }
    @@ -36,7 +38,7 @@ buildscript {
         }
         dependencies {
             classpath 'com.android.tools.build:gradle:4.1.3'
    -        classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:${project.ext.kotlinVersion}"
    +        classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version"
         }
     }
     
    @@ -50,8 +52,10 @@ repositories {
         }
     }
     
    +def kotlin_version = getExtOrDefault('kotlinVersion')
    +
     dependencies {
         implementation 'com.facebook.react:react-native:+'
         implementation 'com.redmadrobot:input-mask-android:6.0.0'
    -    implementation "org.jetbrains.kotlin:kotlin-stdlib:${project.ext.kotlinVersion}"
    +    implementation "org.jetbrains.kotlin:kotlin-stdlib:$kotlin_version"
     }
    diff --git a/node_modules/react-native-text-input-mask/android/gradle.properties b/node_modules/react-native-text-input-mask/android/gradle.properties
    new file mode 100644
    index 0000000..d3512df
    --- /dev/null
    +++ b/node_modules/react-native-text-input-mask/android/gradle.properties
    @@ -0,0 +1,5 @@
    +RNTextInputMask_kotlinVersion = 1.5.20
    +RNTextInputMask_compileSdkVersion = 28
    +RNTextInputMask_buildToolsVersion = 28.0.3
    +RNTextInputMask_minSdkVersion = 16
    +RNTextInputMask_targetSdkVersion = 28
    \ No newline at end of file
    

    This issue body was partially generated by patch-package.

    opened by nmgrinko 0
Releases(v3.1.4)
Owner
null
A android like toast for android and ios, android use native toast, ios use UIView+Toast

React Native Toast (remobile) A android like toast for react-native support for ios and android Installation npm install @remobile/react-native-toast

YunJiang.Fang 346 Jul 30, 2022
A pure javascript masked text and input text component for React-Native.

react-native-masked-text This is a simple masked text (normal text and input text) component for React-Native. Alert Hey guys! Unfortunatelly I'm not

Ben-hur Santos Ott 1.6k Oct 2, 2022
keyboard-aware-view is a react-native package that handles the view position based on input position and keyboard so that the text input doesn't get hidden behind the keyboard.

keyboard-aware-view is a react-native package that handles the view position based on input position and keyboard so that the text input doesn't get hidden behind the keyboard.

Abhiram K 26 Aug 29, 2022
A new RN CLI app that includes base components like Text, Animation, Refreshing, Text Input, etc.

A new RN CLI app that includes base components like Text, Animation, Refreshing, Text Input, etc.

Paúl 22 Aug 4, 2022
Text inputs with custom label and icon animations for iOS and android. Built with react native and inspired by Codrops.

React Native Textinput Effects I've come across with those beautiful text inputs created and blogged by Codrops and wanted to port them to react-nativ

Halil Bilir 2.9k Sep 30, 2022
🔢 React-Native component to input confirmation code for both Android and IOS

rn-verifcode React-Native component to input confirmation code for both Android and IOS customizable fast paste SMS-code copy from clipboard reset cod

Xavier Carpentier 23 Jul 3, 2022
A react native module to show toast like android, it works on iOS and Android.

react-native-easy-toast A react native module to show toast like android, it works on iOS and Android. Content Installation Demo Getting started API C

Devio.org 1.1k Sep 28, 2022
React Native ActionSheet for Android & IOS (IOS is using ActionSheetIOS)

React Native ActionSheet This package will help you to using ActionSheetIOS(IOS) and BottomSheetDialog(Android). Usage of this package same as for IOS

Talut TASGIRAN 26 May 23, 2021
Parse text and make them into multiple React Native Text elements

React Native Parsed Text This library allows you to parse a text and extract parts using a RegExp or predefined patterns. Currently there are 3 predef

TaskRabbit 1.1k Sep 25, 2022
react-native-card-data-input - just another credit card input package

react-native-card-data-input - just another credit card input package

Erick Estevão Riva Pramio 6 Oct 25, 2021
Use the iOS and Android native Twitter and Facebook share popup with React Native https://github.com/doefler/react-native-social-share

React Native Social Share 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 exist

Kim Døfler 414 Aug 29, 2022
Autocomplete text input with clear button and activity indicator

Progressive Input Progressive Input is used as a part of autocomplete solution. The control has clear button to clear text and activity indicator to s

Scott Le 115 Nov 24, 2021
react-native-wheel-picker-android ★186 - Simple and flexible React native wheel picker for Android, including DatePicker and TimePicker.

React native wheel picker V2 A simple Wheel Picker for Android (For IOs is using Picker from react-native) Example You can clone the repo and run exam

Kalon.Tech 330 Sep 22, 2022
Native CardView for react-native (All Android version and iOS)

react-native-card-view Native CardView that compatible for iOS and Android( both lollipop and pre-lolipop). Website Material Design Card Spec CardView

Kishan Vaghela 490 Sep 24, 2022
A Cross Platform(Android & iOS) ActionSheet with a flexible api, native performance and zero dependency code for react native. Create anything you want inside ActionSheet.

react-native-actions-sheet A highly customizable cross platform ActionSheet for react native. Screenshots Features Cross Platform (iOS and Android) Na

Ammar Ahmed 931 Oct 2, 2022
iOS and Android native search component for react native

react-native-search-bar iOS native search bar for react native. Installation In your react native project, run npm install react-native-search-bar --s

null 18 Jul 25, 2022
🔽 A Picker component for React Native which emulates the native select> interfaces for iOS and Android

react-native-picker-select A Picker component for React Native which emulates the native <select> interfaces for iOS and Android For iOS, by default w

LawnStarter Organization 1.5k Sep 26, 2022
🎉 toastify-react-native allows you to add notifications to your react-native app (ios, android) with ease. No more nonsense!

toastify-react-native ?? toastify-react-native allows you to add notifications to your react-native app (ios, android) with ease. No more nonsense! De

Zahid Ali 28 Sep 29, 2022