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

Issues
  • 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 56
  • 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 faustoct 22
  • RN 0.61.5 null is not a object

    RN 0.61.5 null is not a object

    I try install but not done . Pls support for me.thanks Simulator Screen Shot - iPhone 8 - 2020-04-10 at 16 39 05

    opened by danghung24031992 17
  • 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
  • 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
  • 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
  • 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
  • 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
  • [🐞 bug] unmask called on focus

    [🐞 bug] unmask called on focus

    Description of the bug

    If mask is defined, unmask gets called on a potentially empty string, causing two unnecessary re-renders.

    In the case of my team, this causes field validation to be triggered, rendering an error message even before the user enters a value.

    Expected behavior

    I'd expect unmask to be called only when the field contains a value.

    Actual behavior

    unmask gets called, causing two unnecessary renders, and triggering field validation.

    opened by aronhoyer 1
  • Bump tmpl from 1.0.4 to 1.0.5

    Bump tmpl from 1.0.4 to 1.0.5

    Bumps tmpl from 1.0.4 to 1.0.5.

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 0
  • Could not find com.redmadrobot:input-mask-android:6.0.0 error

    Could not find com.redmadrobot:input-mask-android:6.0.0 error

    Hello,

    When I installed the react-native-text-input-mask package on new React Native project and try to run on Android, I'm getting the following error.

    * What went wrong:
    Execution failed for task ':app:checkDebugAarMetadata'.
    > Could not resolve all files for configuration ':app:debugRuntimeClasspath'.
       > Could not find com.redmadrobot:input-mask-android:6.0.0.
         Searched in the following locations:
           - https://repo.maven.apache.org/maven2/com/redmadrobot/input-mask-android/6.0.0/input-mask-android-6.0.0.pom
           - file:/C:/Users/username/.m2/repository/com/redmadrobot/input-mask-android/6.0.0/input-mask-android-6.0.0.pom
           - file:/C:/dosyalar/mobile/Test/node_modules/react-native/android/com/redmadrobot/input-mask-android/6.0.0/input-mask-android-6.0.0.pom
           - file:/C:/dosyalar/mobile/Test/node_modules/jsc-android/dist/com/redmadrobot/input-mask-android/6.0.0/input-mask-android-6.0.0.pom
           - https://dl.google.com/dl/android/maven2/com/redmadrobot/input-mask-android/6.0.0/input-mask-android-6.0.0.pom
           - https://www.jitpack.io/com/redmadrobot/input-mask-android/6.0.0/input-mask-android-6.0.0.pom
         Required by:
             project :app > project :react-native-text-input-mask
    
    * 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 7s
    
    opened by sezginriggs 6
  • Bump path-parse from 1.0.6 to 1.0.7

    Bump path-parse from 1.0.6 to 1.0.7

    Bumps path-parse from 1.0.6 to 1.0.7.

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 0
  • React Native Input Mask setMask got 3 arguments, expected 2

    React Native Input Mask setMask got 3 arguments, expected 2

    I'm having a bit of a time trying to wrap my head around this.

    At first I checked if something is wrong with my mask, However, I've checked the RedMadRobot's documentation, and I've removed $ the money symbol, and tried with mask '[0...]{.}[00]'. With less than stellar luck (same error).

    This is my code more or less, I'm using typescript, this is that minus type definitions:

    import React from 'react';
    import {TextInput} from 'react-native-paper';
    import TextInputMask from 'react-native-text-input-mask'; 
    
    export default function MoneyInput(mainProps){
    return (
        <TextInput
          mode="outlined"
          label="Costo"
          placeholder="00.00"
          render={(props) => <TextInputMask
            mask={'$[0...].[00]'}
            {...props}
          />}
          {...mainProps} />
      );
    }
    

    I'm using React Native Paper, that recomends using React Native Input Mask by passing it like this.

    'react-native-text-input-mask' version is: 3.1.4

    I'm getting this error:

    2021-07-05 16:27:26.481 28137-31526/com.example E/unknown:ReactNative: Exception in native call
        com.facebook.react.bridge.NativeArgumentsParseException: RNTextInputMask.setMask got 3 arguments, expected 2
            at com.facebook.react.bridge.JavaMethodWrapper.invoke(JavaMethodWrapper.java:349)
            at com.facebook.react.bridge.JavaModuleWrapper.invoke(JavaModuleWrapper.java:151)
            at com.facebook.react.bridge.queue.NativeRunnable.run(Native Method)
            at android.os.Handler.handleCallback(Handler.java:883)
            at android.os.Handler.dispatchMessage(Handler.java:100)
            at com.facebook.react.bridge.queue.MessageQueueThreadHandler.dispatchMessage(MessageQueueThreadHandler.java:27)
            at android.os.Looper.loop(Looper.java:214)
            at com.facebook.react.bridge.queue.MessageQueueThreadImpl$4.run(MessageQueueThreadImpl.java:226)
            at java.lang.Thread.run(Thread.java:919)
    
    opened by SaulNunez 1
  • Keep placeholder mask while user type

    Keep placeholder mask while user type

    Hi

    I'm using the CPF mask with a placeholder

    ___.____.___-__
    

    But as soon as the user types the first digit, all characters from the placeholder are removed. Is it possible to keep these characters while the user types the values? Something like this:

    07_.____.___-__
      ^   (the cursor will be here, but the characters "_"  kept)
    
    opened by williamjamir 3
  • Remove space

    Remove space

    opened by mitchiemt11 0
  • Bump react-native from 0.63.4 to 0.64.1

    Bump react-native from 0.63.4 to 0.64.1

    Bumps react-native from 0.63.4 to 0.64.1.

    Release notes

    Sourced from react-native's releases.

    v0.64.1

    This patch release is specifically targetted towards fixing iOS build problems in Xcode 12.5. If it doesn't help, please refer to this issue.

    Aside from bumping your version from 0.64.0 to 0.64.1, please check your podfile.lock and make sure that Flipper is on 0.75 or higher, and Flipper-Folly is 2.5.3 or higher; if not, add this line to your podfile (or modify it if you already had it):

    use_flipper!('Flipper' => '0.75.1', 'Flipper-Folly' => '2.5.3', 'Flipper-RSocket' => '1.3.1')
    

    After which, do all the classic necessary cleans (node_modules, caches, pod folders, etc)(react-native-clean-project is your ally) then do yarn install and a pod install --repo-update (if pod install fails on an error about a Flipper package, just remove the relevant lines from the podfile.lock and run the pod install again).

    The only other commit picked & released along the Xcode 12.5 fixes is:

    • Update validateBaseUrl to use latest regex (commit) which fixes CVE-2020-1920, GHSL-2020-293.

    You can participate in the conversation on the status of this release at this issue.


    To help you upgrade to this version, you can use the upgrade helper ⚛️


    You can find the whole changelog history over at react-native-releases.

    v0.64.0

    0.64 stable is here 🎉

    Thanks to everyone who contributed and helped to get this together, everyone worked really hard and we hope you are as excited as we are 🤗

    Some of the most important highlights of this version:

    • Hermes opt-in on iOS
    • Inline Requires enabled by default
    • React 17

    Among many others - please refer to the blog post for more details.


    You can participate in the conversation on the status of this release at this issue.


    You can upgrade to this version using the upgrade helper webtool ⚛️ And if you are having trouble, please refer to the new Upgrade Support repository by our awesome community.


    ... (truncated)

    Commits
    • 787567a [0.64.1] Bump version numbers
    • cf8a364 [local] change post-install to patch RTC-Folly
    • 1c4ac48 [local] yarn lock update (?)
    • 76f45d3 [local] update RNTester files for 0.64
    • 3912fef Update validateBaseUrl to use latest regex
    • ace025d [0.64.0] Bump version numbers
    • 728d55a Fixing the git attrs for all the people and all the files and all future 🙌
    • 8a6ac1f chore: Update React.podspec to require cocoapods >= 1.10.1
    • 138fdbc fix: restore refresh control fix
    • 7f3f80f Fix RefreshControl layout when removed from window (#31024)
    • Additional commits viewable in compare view

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    dependencies 
    opened by dependabot[bot] 0
  • Value of type 'RCTBaseTextInputView' has no member 'nativeEventCount'

    Value of type 'RCTBaseTextInputView' has no member 'nativeEventCount'

    On react native build - Value of type 'RCTBaseTextInputView' has no member 'nativeEventCount'

    Screen Shot 2021-07-12 at 2 28 11 AM

    "react-native-text-input-mask": "^3.1.4" "react-native": "0.63.0"

    xCode 12.5

    opened by ganesh-papola 1
  • BUG: Can't change the value to empty using state

    BUG: Can't change the value to empty using state

    When the value is changed to an empty string by a state change, the input field will ignore the change and keep the old value.

    Example code to reproduce the issue:

    const ChangingInput = () => {
      const [amount, setAmount] = useState('15')
    
      useEffect(() => {
        setAmount('')
      })
    
      return <TextInputMask
        value={amount}
        mask="[99]"
      />
    }
    

    This will keep the amount as '15'.

    It might be because of a race condition with https://github.com/react-native-text-input-mask/react-native-text-input-mask/blob/master/index.tsx#L54 being async and resetting the old value.

    With @phutchin.

    opened by samuelfekete 2
Releases(v3.1.4)
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.5k Nov 22, 2021
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 20 Nov 15, 2021
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 347 Jul 23, 2021
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 12 Nov 28, 2021
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.8k Nov 24, 2021
🔢 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 22 Nov 4, 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 1k Nov 27, 2021
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
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
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 Nov 24, 2021
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
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 411 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 296 Nov 23, 2021
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 462 Nov 18, 2021
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 642 Nov 23, 2021
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 17 May 19, 2021
🔽 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.4k Nov 24, 2021
React Native template for a quick start with React Navigation5 and TypeScript. It's cross-platform runs on Android, iOS, and the web.

对此项目的规划 出于兴趣把自己做 android、ios 开发过程中经验积累沉淀一下,此工程架构会定期更新升级依赖到最新版本,并不断的积累 App 中常用组件和基础页面功能,也会不断优化代码组织架构 此项目对以下情形会有帮助 想用前端技术做 app 开发却无从下手 想在项目中运用 typescrip

Benson 6 Aug 24, 2021