cssivision / React Native Qrcode
Licence: mit
a minimalist qrcode component for react-native
Stars: ✭ 828
Programming Languages
javascript
184084 projects - #8 most used programming language
Labels
Projects that are alternatives of or similar to React Native Qrcode
React Native Vision Camera
📸 The Camera library that sees the vision.
Stars: ✭ 443 (-46.5%)
Mutual labels: qrcode
Easy Wg Quick
Creates Wireguard configuration for hub and peers with ease
Stars: ✭ 502 (-39.37%)
Mutual labels: qrcode
Twofactorauth
PHP library for Two Factor Authentication (TFA / 2FA)
Stars: ✭ 722 (-12.8%)
Mutual labels: qrcode
React Native Qrcode Svg
A QR Code generator for React Native based on react-native-svg and node-qrcode.
Stars: ✭ 693 (-16.3%)
Mutual labels: qrcode
Cordova Plugin Qrscanner
A fast, energy efficient, highly-configurable QR code scanner for Cordova apps and the browser.
Stars: ✭ 485 (-41.43%)
Mutual labels: qrcode
Qr.flutter
QR.Flutter is a Flutter library for simple and fast QR code rendering via a Widget or custom painter.
Stars: ✭ 434 (-47.58%)
Mutual labels: qrcode
React Qr Reader
React component for reading QR codes from webcam.
Stars: ✭ 716 (-13.53%)
Mutual labels: qrcode
Qrcodescanner
An optimized qr code scan tool forked from zxing.
Stars: ✭ 427 (-48.43%)
Mutual labels: qrcode
Quick Media
media(audio/image/qrcode/markdown/html/svg) support web service (多媒体编辑服务, 酷炫二维码, 音频, 图片, svg, markdown, html渲染服务支持)
Stars: ✭ 612 (-26.09%)
Mutual labels: qrcode
Qr Filetransfer
Transfer files over WiFi between your computer and your smartphone from the terminal
Stars: ✭ 738 (-10.87%)
Mutual labels: qrcode
THIS PROJECT IS NO LONGER MAINTAINED
react-native-qrcode
A react-native component to generate QRcode, not only support English.
Installation
npm install react-native-qrcode --save
Usage
'use strict';
import React, { Component } from 'react'
import QRCode from 'react-native-qrcode';
import {
AppRegistry,
StyleSheet,
View,
TextInput
} from 'react-native';
class HelloWorld extends Component {
state = {
text: 'http://facebook.github.io/react-native/',
};
render() {
return (
<View style={styles.container}>
<TextInput
style={styles.input}
onChangeText={(text) => this.setState({text: text})}
value={this.state.text}
/>
<QRCode
value={this.state.text}
size={200}
bgColor='purple'
fgColor='white'/>
</View>
);
};
}
const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: 'white',
alignItems: 'center',
justifyContent: 'center'
},
input: {
height: 40,
borderColor: 'gray',
borderWidth: 1,
margin: 10,
borderRadius: 5,
padding: 5,
}
});
AppRegistry.registerComponent('HelloWorld', () => HelloWorld);
module.exports = HelloWorld;
Available Props
prop | type | default value |
---|---|---|
value |
string |
http://facebook.github.io/react-native/ |
size |
number |
128 |
bgColor |
string (CSS color) |
"#000" |
fgColor |
string (CSS color) |
"#FFF" |
Licenses
All source code is licensed under the MIT License.
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].