https://github.com/malaa-tech/react-native-simple-keypad
A simple, easy to use, and beautiful keypad component for react native ⌨️
https://github.com/malaa-tech/react-native-simple-keypad
Last synced: 7 months ago
JSON representation
A simple, easy to use, and beautiful keypad component for react native ⌨️
- Host: GitHub
- URL: https://github.com/malaa-tech/react-native-simple-keypad
- Owner: Malaa-tech
- License: mit
- Created: 2023-08-21T14:21:27.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-03-03T08:53:23.000Z (over 1 year ago)
- Last Synced: 2024-11-10T09:35:37.156Z (7 months ago)
- Language: TypeScript
- Homepage:
- Size: 513 KB
- Stars: 21
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
[](https://github.com/Malaa-tech/react-native-simple-keypad)
# react-native-simple-keypad
A simple, easy to use, and beautiful keypad component for react native
## 🖥️ Example App Demo
run it your self using `yarn example [ios/andriod]`
## 📦 Installation
```sh
npm install react-native-simple-keypad
```
or
```sh
yarn add react-native-simple-keypad
```
## How we use it in Malaa App
## ⚒️ Usage
```js
import * as React from 'react';
import { View } from 'react-native';
import Keypad from 'react-native-simple-keypad';
export default function App() {
return (
console.log(`${value} is pressed`)}
textStyle={{ fontWeight: '600', fontSize: 30 }}
backspaceIconFillColor="#000000"
backspaceIconStrokeColor="#FFFFFF"
bioMetricFillColor="#000000"
backspaceIconHeight={24}
backspaceIconWidth={33}
bioMetricIconHeight={28}
bioMetricIconWidth={28}
onBioAuthPress={() => console.log('Bio Auth')}
/>
);
}
```
## 🤝 Contributing
See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.
## License
MIT
---
Made with [create-react-native-library](https://github.com/callstack/react-native-builder-bob)