Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/gabriel-logan/expo-barcode
Library to generate barcodes and qr codes natively using Kotlin and Swift, integrated with expo.
https://github.com/gabriel-logan/expo-barcode
expo expo-library expo-modules java kotlin library npm npm-library react react-native react-native-library swift
Last synced: 7 days ago
JSON representation
Library to generate barcodes and qr codes natively using Kotlin and Swift, integrated with expo.
- Host: GitHub
- URL: https://github.com/gabriel-logan/expo-barcode
- Owner: gabriel-logan
- License: mit
- Created: 2024-09-08T13:51:36.000Z (25 days ago)
- Default Branch: main
- Last Pushed: 2024-09-08T16:14:03.000Z (25 days ago)
- Last Synced: 2024-09-18T08:19:52.916Z (15 days ago)
- Topics: expo, expo-library, expo-modules, java, kotlin, library, npm, npm-library, react, react-native, react-native-library, swift
- Language: Kotlin
- Homepage: https://www.npmjs.com/package/expo-barcode
- Size: 764 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# expo-barcode
## UNDER DEVELOPMENT
Library to generate barcodes and qr codes natively using Kotlin and Swift, integrated with expo.
## Supported Frameworks
- React Native - ❌ - [See RN Version](https://github.com/gabriel-logan/mobile-native-barcode-generator)
- Expo - ✅
## Supported Architectures
- Android - ✅
- Ios - ❌
- Windows - ❌
- Mac - ❌
- Linux - ❌
### Add the package to your npm dependencies
```sh
npm install expo-barcode
```
```sh
yarn add expo-barcode
```
### Configure for iOS
Run `npx pod-install` after installing the npm package.
### Configure for Android
## Usage
### Available methods
```js
import {
BarcodeView,
QRCodeView,
generateBarcode,
generateQRCode,
} from "expo-barcode";
```
### Using the components
#### Simple example
```js
import { QRCodeView } from "expo-barcode";
export default function App() {
return (
);
}
const styles = StyleSheet.create({
container: {
flex: 1,
alignItems: "center",
justifyContent: "center",
},
});
```
```js
import { BarcodeView, QRCodeView } from "expo-barcode";
import { useState } from "react";
import { StyleSheet, View, Text, TextInput, Button } from "react-native";
export default function App() {
const [value, setValue] = useState("");
const [barcodeValue, setBarcodeValue] = useState("");
const [toggleGenCode, setToggleGenCode] = useState("QR");
return (
Result:
{barcodeValue &&
(toggleGenCode === "QR" ? (
) : (
))}
setBarcodeValue(value)} />
setToggleGenCode(toggleGenCode === "QR" ? "Barcode" : "QR")
}
/>
);
}
const styles = StyleSheet.create({
container: {
flex: 1,
alignItems: "center",
justifyContent: "center",
},
});
```
### Using generating functions
```js
import { generateBarcode, generateQRCode } from "expo-barcode";
async function waitForIt() {
const qrCodeGenerated = await generateQRCode("Hello", 200, 200);
console.log(qrCodeGenerated);
const barCodeGenerated = await generateBarcode("Hello", 300, 200);
console.log(barCodeGenerated);
}
waitForIt();
```
## Contributors
- Gabriel Logan - Creator
## License
MIT
# API documentation
- [Documentation for the main branch](https://github.com/expo/expo/blob/main/docs/pages/versions/unversioned/sdk/barcode.md)
- [Documentation for the latest stable release](https://docs.expo.dev/versions/latest/sdk/barcode/)
# Installation in managed Expo projects
For [managed](https://docs.expo.dev/archive/managed-vs-bare/) Expo projects, please follow the installation instructions in the [API documentation for the latest stable release](#api-documentation). If you follow the link and there is no documentation available then this library is not yet usable within managed projects — it is likely to be included in an upcoming Expo SDK release.
# Installation in bare React Native projects
For bare React Native projects, you must ensure that you have [installed and configured the `expo` package](https://docs.expo.dev/bare/installing-expo-modules/) before continuing.
# Contributing
Contributions are very welcome! Please refer to guidelines described in the [contributing guide]( https://github.com/expo/expo#contributing).