nativescript-barcodescanner
nativescript-barcodescanner copied to clipboard
Objective-C class name "UIScrollViewDelegateImpl" is already in use - using "UIScrollViewDelegateImpl1" instead.
I'm using Nativescript-Vue here. Whenever I try to load the app with nativescript-barcodescanner it gives me this error. Tried global installation, tried importing per page, tried not/using isIOS, tried updating dependencies, and finally reinstalling NS Preview. Still same issue. Can you please help me to understand why this is happening? Thanks.
<Page class="page">
<FlexboxLayout
flexDirection="column"
justifyContent="center"
class="full-height"
>
<Header class="header" />
<ListView
class="list-group"
for="post in posts"
@itemTap="onItemTap"
style="height:2000px"
>
<v-template>
<FlexboxLayout flexDirection="row" class="list-group-item">
<Label
:text="post.Name"
class="list-group-item-heading"
style="width: 60%"
/>
</FlexboxLayout>
</v-template>
</ListView>
<FlexboxLayout
justifyContent="center"
alignItems="center"
flexDirection="column"
>
<StackLayout row="1" col="0">
<StackLayout marginTop="20">
<!-- <BarcodeScanner
row="1"
height="300"
formats="QR_CODE, EAN_13, UPC_A"
beepOnScan="true"
reportDuplicates="true"
preferFrontCamera="false"
:pause="pause"
>
</BarcodeScanner> -->
</StackLayout>
</StackLayout>
</FlexboxLayout>
<Footer class="footer" />
</FlexboxLayout>
</Page>
</template>
<script>
import axios from "axios";
import Header from "./Header.vue";
import Footer from "./Footer.vue";
export default {
data() {
return {
posts: [],
code: "https://google.com",
pause: false
};
},
components: {
Header,
Footer
},
mounted() {
axios.get("http://localhost:1337/posts/").then(response => {
this.posts = response.data;
});
console.log("fired");
},
methods: {
onScanResult() {
console.log("scanned");
}
}
};
</script>
<style scoped lang="scss">
.header {
margin: 25 10 10;
height: 30;
}
.footer {
padding: 10 50 10;
height: 50;
}
</style>