I have it running under android API 28 && Nativescript-vue
Component has been registered without issues but I can't see shadow / elevation on layout.
<CardView class="whiteCard" elevation="30" shadowOpacity="0.5" shadowColor="#000000" shadowOffsetHeight="2" shadowRadius="5" marginBottom="5" cardUseCompatPadding="true"> <StackLayout class="menu-option"> <image src="~/assets/images/tour/m-falls.jpg" stretch="aspectFit" verticalAlignment="stretch" /> <Label text="Explore Tour Sites" horizontalAlignment="center" class="txt-myTicket" textWrap="true"/> </StackLayout> </CardView>
My Package.json
"dependencies": { "@vue/devtools": "5.0.0-beta.3", "email-validator": "^2.0.3", "moment": "^2.24.0", "nativescript-cardview": "^3.2.0", "nativescript-fonticon": "^2.0.0", "nativescript-imagepicker": "^6.2.0", "nativescript-localstorage": "^2.0.0", "nativescript-permissions": "^1.3.6", "nativescript-socket.io": "^0.9.0", "nativescript-theme-core": "^1.0.4", "nativescript-toast": "^2.0.0", "nativescript-ui-dataform": "^4.0.0", "nativescript-ui-sidedrawer": "^6.0.0", "nativescript-vue": "^2.0.0", "nativescript-vue-devtools": "^1.0.0", "tns-core-modules": "^5.1.2", "vuex": "^3.0.1" }, "devDependencies": { "@babel/core": "^7.0.0", "@babel/preset-env": "^7.0.0", "babel-loader": "^8.0.2", "babel-traverse": "6.26.0", "babel-types": "6.26.0", "babylon": "6.18.0", "clean-webpack-plugin": "^0.1.19", "copy-webpack-plugin": "^4.5.2", "css-hot-loader": "^1.4.2", "css-loader": "^1.0.0", "lazy": "1.0.11", "mini-css-extract-plugin": "^0.4.1", "nativescript-dev-webpack": "^0.17.0-2018-09-12-01", "nativescript-vue-template-compiler": "^2.0.0-alpha.3", "nativescript-worker-loader": "~0.9.0", "node-sass": "^4.9.2", "sass-loader": "^7.1.0", "uglifyjs-webpack-plugin": "~1.2.7", "vue-loader": "^15.2.6", "webpack": "^4.32.2", "webpack-bundle-analyzer": "~2.13.1", "webpack-cli": "^3.1.0"
I have it running under android API 28 && Nativescript-vue
Component has been registered without issues but I can't see shadow / elevation on layout.
<CardView class="whiteCard" elevation="30" shadowOpacity="0.5" shadowColor="#000000" shadowOffsetHeight="2" shadowRadius="5" marginBottom="5" cardUseCompatPadding="true"> <StackLayout class="menu-option"> <image src="~/assets/images/tour/m-falls.jpg" stretch="aspectFit" verticalAlignment="stretch" /> <Label text="Explore Tour Sites" horizontalAlignment="center" class="txt-myTicket" textWrap="true"/> </StackLayout> </CardView>My Package.json
"dependencies": { "@vue/devtools": "5.0.0-beta.3", "email-validator": "^2.0.3", "moment": "^2.24.0", "nativescript-cardview": "^3.2.0", "nativescript-fonticon": "^2.0.0", "nativescript-imagepicker": "^6.2.0", "nativescript-localstorage": "^2.0.0", "nativescript-permissions": "^1.3.6", "nativescript-socket.io": "^0.9.0", "nativescript-theme-core": "^1.0.4", "nativescript-toast": "^2.0.0", "nativescript-ui-dataform": "^4.0.0", "nativescript-ui-sidedrawer": "^6.0.0", "nativescript-vue": "^2.0.0", "nativescript-vue-devtools": "^1.0.0", "tns-core-modules": "^5.1.2", "vuex": "^3.0.1" }, "devDependencies": { "@babel/core": "^7.0.0", "@babel/preset-env": "^7.0.0", "babel-loader": "^8.0.2", "babel-traverse": "6.26.0", "babel-types": "6.26.0", "babylon": "6.18.0", "clean-webpack-plugin": "^0.1.19", "copy-webpack-plugin": "^4.5.2", "css-hot-loader": "^1.4.2", "css-loader": "^1.0.0", "lazy": "1.0.11", "mini-css-extract-plugin": "^0.4.1", "nativescript-dev-webpack": "^0.17.0-2018-09-12-01", "nativescript-vue-template-compiler": "^2.0.0-alpha.3", "nativescript-worker-loader": "~0.9.0", "node-sass": "^4.9.2", "sass-loader": "^7.1.0", "uglifyjs-webpack-plugin": "~1.2.7", "vue-loader": "^15.2.6", "webpack": "^4.32.2", "webpack-bundle-analyzer": "~2.13.1", "webpack-cli": "^3.1.0"