{"pageContext":{"isCreatedByStatefulCreatePages":false,"pkg":{"name":"react-native-qrcode-svg","codeHtml":"import React, { Component } from 'react'\nimport {\n StyleSheet, ScrollView, View, Button,\n} from 'react-native'\nimport QRCode from 'react-native-qrcode-svg'\n\nconst PATH_TO_LOGO = './logo.jpg'\n\ntype Props = {}\nexport default class App extends Component<Props> {\n handlePress = () => {\n this.qrcode.toDataURL(this.callback)\n }\n\n callback = dataURL => {\n console.log(dataURL)\n }\n\n render() {\n return (\n <ScrollView contentContainerStyle={styles.container}>\n <View style={styles.section}>\n <QRCode value=\"hello world\" />\n </View>\n <View style={styles.section}>\n <QRCode value=\"hello world\" size={200} />\n </View>\n <View style={styles.section}>\n <QRCode value=\"hello world\" color=\"blue\" backgroundColor=\"yellow\" />\n </View>\n <View style={styles.section}>\n <QRCode\n value=\"hello world\"\n logo={{\n uri:\n 'https://raw.githubusercontent.com/awesomejerry/react-native-qrcode-svg/master/example/logo.jpg',\n }}\n />\n </View>\n <View style={styles.section}>\n <QRCode\n value=\"hello world\"\n logo={{\n uri:\n 'https://raw.githubusercontent.com/awesomejerry/react-native-qrcode-svg/master/example/logo.jpg',\n }}\n logoSize={50}\n />\n </View>\n <View style={styles.section}>\n <QRCode\n value=\"hello world\"\n logo={{\n uri:\n 'https://raw.githubusercontent.com/awesomejerry/react-native-qrcode-svg/master/example/logo.jpg',\n }}\n logoMargin={10}\n />\n </View>\n <View style={styles.section}>\n <QRCode\n value=\"hello world\"\n logo={{\n uri:\n 'https://raw.githubusercontent.com/awesomejerry/react-native-qrcode-svg/master/example/logo.jpg',\n }}\n logoBorderRadius={15}\n />\n </View>\n <View style={styles.section}>\n <QRCode\n value=\"hello world\"\n logo={{\n uri:\n 'https://raw.githubusercontent.com/awesomejerry/react-native-qrcode-svg/master/example/logo.jpg',\n }}\n logoBackgroundColor=\"blue\"\n getRef={c => (this.qrcode = c)}\n />\n <Button title=\"getDataURL\" onPress={this.handlePress} />\n </View>\n <View style={styles.section}>\n <QRCode value=\"hello world\" ecl=\"H\" />\n </View>\n </ScrollView>\n )\n }\n}\n\nconst styles = StyleSheet.create({\n container: {\n alignItems: 'center',\n backgroundColor: '#F5FCFF',\n paddingTop: 15,\n paddingBottom: 15,\n },\n section: {\n marginTop: 15,\n marginBottom: 15,\n },\n})\n","exampleFilesJSON":"{\"path\":\"\",\"name\":\"react-native-qrcode-svg\",\"children\":[{\"path\":\"App.js\",\"name\":\"App.js\",\"extension\":\".js\",\"size\":2722,\"isFile\":true,\"codeHtml\":\"import React, { Component } from 'react'\\nimport {\\n StyleSheet, ScrollView, View, Button,\\n} from 'react-native'\\nimport QRCode from 'react-native-qrcode-svg'\\n\\nconst PATH_TO_LOGO = './logo.jpg'\\n\\ntype Props = {}\\nexport default class App extends Component<Props> {\\n handlePress = () => {\\n this.qrcode.toDataURL(this.callback)\\n }\\n\\n callback = dataURL => {\\n console.log(dataURL)\\n }\\n\\n render() {\\n return (\\n <ScrollView contentContainerStyle={styles.container}>\\n <View style={styles.section}>\\n <QRCode value=\\\"hello world\\\" />\\n </View>\\n <View style={styles.section}>\\n <QRCode value=\\\"hello world\\\" size={200} />\\n </View>\\n <View style={styles.section}>\\n <QRCode value=\\\"hello world\\\" color=\\\"blue\\\" backgroundColor=\\\"yellow\\\" />\\n </View>\\n <View style={styles.section}>\\n <QRCode\\n value=\\\"hello world\\\"\\n logo={{\\n uri:\\n 'https://raw.githubusercontent.com/awesomejerry/react-native-qrcode-svg/master/example/logo.jpg',\\n }}\\n />\\n </View>\\n <View style={styles.section}>\\n <QRCode\\n value=\\\"hello world\\\"\\n logo={{\\n uri:\\n 'https://raw.githubusercontent.com/awesomejerry/react-native-qrcode-svg/master/example/logo.jpg',\\n }}\\n logoSize={50}\\n />\\n </View>\\n <View style={styles.section}>\\n <QRCode\\n value=\\\"hello world\\\"\\n logo={{\\n uri:\\n 'https://raw.githubusercontent.com/awesomejerry/react-native-qrcode-svg/master/example/logo.jpg',\\n }}\\n logoMargin={10}\\n />\\n </View>\\n <View style={styles.section}>\\n <QRCode\\n value=\\\"hello world\\\"\\n logo={{\\n uri:\\n 'https://raw.githubusercontent.com/awesomejerry/react-native-qrcode-svg/master/example/logo.jpg',\\n }}\\n logoBorderRadius={15}\\n />\\n </View>\\n <View style={styles.section}>\\n <QRCode\\n value=\\\"hello world\\\"\\n logo={{\\n uri:\\n 'https://raw.githubusercontent.com/awesomejerry/react-native-qrcode-svg/master/example/logo.jpg',\\n }}\\n logoBackgroundColor=\\\"blue\\\"\\n getRef={c => (this.qrcode = c)}\\n />\\n <Button title=\\\"getDataURL\\\" onPress={this.handlePress} />\\n </View>\\n <View style={styles.section}>\\n <QRCode value=\\\"hello world\\\" ecl=\\\"H\\\" />\\n </View>\\n </ScrollView>\\n )\\n }\\n}\\n\\nconst styles = StyleSheet.create({\\n container: {\\n alignItems: 'center',\\n backgroundColor: '#F5FCFF',\\n paddingTop: 15,\\n paddingBottom: 15,\\n },\\n section: {\\n marginTop: 15,\\n marginBottom: 15,\\n },\\n})\\n\"}],\"isFile\":false,\"size\":2722}","gallery":[{"src":"https://raw.githubusercontent.com/awesomejerry/react-native-qrcode-svg/master/screenshot/ios.png","width":508,"height":904},{"src":"https://raw.githubusercontent.com/awesomejerry/react-native-qrcode-svg/master/screenshot/android.png","width":1080,"height":1920}]}}}