Error: Unsupported PercentLength XX%

[luiguild]

Which platform(s) does your issue occur on?

• Android
• Android 10
• emulator and device
• Windows 10

Please, provide the following version numbers that your issue occurs with:

• CLI: 8.1.4
• Cross-platform modules: { "ios": "6.0.0", "android": "6.0.0" }
• Runtime(s): I don't have this on my project
• Plugin(s): "dependencies": { "@nativescript-community/ui-drawer": "0.0.31", "@nativescript/core": "~8.1.1", "@panter/vue-i18next": "^0.15.2", "i18next": "^21.3.3", "nativescript-vue": "~2.9.0", "nativescript-vue-navigator": "^1.2.0", "vuex": "^3.6.2" }, "devDependencies": { "@babel/core": "^7.4.5", "@babel/eslint-parser": "^7.11.5", "@babel/eslint-plugin": "^7.11.5", "@babel/plugin-syntax-dynamic-import": "^7.8.3", "@babel/preset-env": "^7.4.5", "@nativescript/android": "8.1.1", "@nativescript/webpack": "~5.0.0", "@vue/cli-plugin-babel": "^3.9.0", "@vue/cli-plugin-eslint": "^3.9.0", "@vue/cli-service": "^4.1.2", "@vue/eslint-config-standard": "^4.0.0", "eslint": "^5.16.0", "eslint-plugin-babel": "^5.3.1", "eslint-plugin-vue": "^5.0.0", "nativescript-vue-template-compiler": "~2.9.0", "pug": "^3.0.1", "pug-plain-loader": "^1.0.0", "sass-loader": "^12.3.0", "sass": "^1.43.4" }

Please, tell us how to recreate the issue in as much detail as possible.

Install the plugin Create a component to handle it Declare on your template Declare a StackLayout with "~leftDrawer" attribute Create a computed that returns a percetage number, but as a String, e.g. "75%"

Is there any code involved?

<template lang="pug">
Drawer(
    ref="drawer"
  )
    StackLayout(
      ~leftDrawer,
      :width="drawerSize"
    )
</template>
<script>
export default {
  props: {
    size: {
      type: String,
      default: 'xl'
    }
  },
  computed: {
    drawerSize () {
      return [
        {
          xs: '15%',
          sm: '30%',
          md: '45%',
          lg: '60%',
          xl: '75%',
          hg: '100%'
        }[this.size]
      ]
    }
  }
}
</script>

The component is receiving the right result from the computed, but when you run the code you get

Calling js method onCreateView failedSystem.err: Error: Unsupported PercentLength 75%
System.err:
System.err: StackTrace:
System.err: View.<computed>(file: src\webpack:\nativescript-yoonit-components\node_modules\@nativescript\core\ui\core\view\index.android.js:1033:0)System.err:     at applyAllNativeSetters(file: src\webpack:\nativescript-yoonit-components\node_modules\@nativescript\core\ui\core\properties\index.js:1152:0)
...

I know that this can be a problem in 'StackLayout' instead of 'ui-drawer', but the most strange thing to me is that when you put the same value ("75%"), but directly as a simple string, it's works

[luiguild]

Forget it, my computed are return an array instead of string, fixed xD