carousel-view | showing horizontal and vertical , auto scrolling | Carousel library

I have a slider written as a transition-group component:

I would like to use PrimeNG's Carousel component and customize it. How do I implement it into my HTML code?

I have followed some of the advice through Stackoverflow and other websites to help declare the styleclasses thanks to :host >>> .ui-carousel on the CSS file. However, I couldn't find a way to use properly on my HTML file.

CSS code

I'm fairly new to Vue so this may be obvious, but I must be missing something. I keep getting the error: [Vue warn]: Missing required prop: "productInfo" in my .vue file. It says its found in ProductSlider.vue.

ProductSlider.vue

While running ReactNative Android app getting the below Exception and also while Bundle, getting the same exception.

react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/

Unable to resolve module DatePickerIOS from Project_Path/node_modules/react-native/Libraries/react-native/react-native-implementation.js: Module DatePickerIOS does not exist in the Haste module map

Kindly help me to resolve this.

Package.json: "dependencies": { "react": "16.3.1", "react-native": "0.55.2", "react-native-calendars": "1.17.7", "react-native-carousel-view": "0.5.1", "react-native-confirmation-code-input": "1.0.4", "react-native-dash": "0.0.8", "react-native-elements": "0.19.1", "react-native-fbsdk": "0.7.0", "react-native-google-places-autocomplete": "1.3.6", "react-native-google-sign-in": "1.0.16", "react-native-i18n": "2.0.12", "react-native-indicators": "0.12.0", "react-native-maps": "0.21.0", "react-native-material-bottom-navigation": "0.9.0", "react-native-material-dropdown": "0.11.1", "react-native-material-ui": "1.22.1", "react-native-modalbox": "1.4.2", "react-native-searchbar": "1.14.0", "react-native-sensitive-info": "5.1.0", "react-native-splash-screen": "3.0.6", "react-native-vector-icons": "4.6.0", "react-navigation": "1.5.11", "react-native-tab-view": "0.0.77", "react-native-global-props": "1.1.3" }

I'm getting an error my VueJS page that I have been unable to figure out. The full error is [Vue warn]: Error in mounted hook: "TypeError: this.$store is undefined". I've even got it narrowed down to a specific line of code that causes it. Here is the relevant code from my .vue file:

I am working on a project using Vue Carousel for some product slides with images and text in each slide. I only want 5 to show up on a page and I want the nav arrows and I want it to drag. I can't get any of that stuff working. I tried following the examples as best as I can, but there is limited resources that I can find on this plugin.

I want to load images into imageview of viewpager receiving from webservice. Images received are in different sizes. so, due to different image sizes space between two images keeps changing and alignment disorders. Things to achieve as shown in below images are:

• shapes of all images should be appropriate
• space between two images must be same
• adjacent images (images at left and right edges) should be monochrome (black and white)
• all the images should be on same x-axis

Links and demos i followed are: Multiviewpager commonsware blog viewpager-container carousel-viewpager CarouselViewPager Carousel-Layout-by-ViewPager

Thanks in advance for any help.

I have read most of the questions posted here like this CarouselView not showing the data and Xamarin Form: Carousel View not showing on CarouselView but still me i get no luck, i am doing this common monkey example https://blog.xamarin.com/flip-through-items-with-xamarin-forms-carouselview/ but when i run on the simulator i see nothing, when i give it a background color it shows it .I even tried a simple example to populate list of numbers in a CarouselView but still it wasn't displaying anything.What is exactly the problem?

This was my expectation , but still no luck :

1. Is it the pre-release of Xamarin.Forms.CarouselView which has the problem or because i see it has two versions i have to choose one ? (But i tried each of them but still no luck)
2. Am i supposed to use CarouselView.FormsPlugin instead of the Above if so what clear protocol should i take to achieve this ?

My XAML