A react native component to generate barcode.
npm install react-native-zxing --save
$(SRCROOT)/../node_modules/Zxing/ios/Carthage
with recursive optioninclude ':rnzxing'
project(':rnzxing').projectDir = new File(rootProject.projectDir, '../node_modules/Zxing/android')
dependencies {
compile project(':rnzxing')
// https://mvnrepository.com/artifact/com.google.zxing/core
compile group: 'com.google.zxing', name: 'core', version: '3.3.0'
protected List<ReactPackage> getPackages() {
return Arrays.<ReactPackage>asList(
...
new ZxingPackage()
);
}
import Zxing from 'Zxing'
class BarcodeComponent extends Component {
render() {
return (
<View>
<Zxing text="Text to be embedded in barcode"
format="AZTEC"
style={{height: 200 width: 200}}/>
</View>)
}
}
Name | Description | Default | Type |
---|---|---|---|
text | text to be encoded in barcode - required | none | string |
format | Format of the barcode - required | - | 'AZTEC', 'CODABAR', 'CODE_39', 'CODE_93','CODE_128', 'DATA_MATRIX', 'EAN_8','EAN_13', 'ITF', 'MAXICODE', 'PDF_417','QR_CODE', 'RSS_14', 'RSS_EXPANDED', 'UPC_A', 'UPC_E', 'UPC_EAN_EXTENSION' |
width | width of barcode | 200 | int |
height | height of barcode | 200 | int |
- Height and Width can be controlled from style props, same as View.propTypes.style.
Thanks to the react native community. PRs welcome.
MIT