Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vue.js/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Vue.js 如何使ScrollView子项适合Nativescript Vue中ScrollView的大小?_Vue.js_Nativescript_Scrollview_Width_Nativescript Vue - Fatal编程技术网

Vue.js 如何使ScrollView子项适合Nativescript Vue中ScrollView的大小?

Vue.js 如何使ScrollView子项适合Nativescript Vue中ScrollView的大小?,vue.js,nativescript,scrollview,width,nativescript-vue,Vue.js,Nativescript,Scrollview,Width,Nativescript Vue,在Nativescript Vue中,如果我有一个水平的ScrollView,其中包含一些元素的GridLayout,比如简单的标签,那么如何确保每个标签不超过ScrollView的宽度?这样用户就可以在ScrollView中看到一个完整的标签(如果标签较短,则可以看到多个标签),并且永远不会切断文本 我已经尝试将标签宽度设置为100%,但它不起作用,尝试设置GridLayout宽度,也不起作用 这就是我所拥有的 <template> <StackLayout height

在Nativescript Vue中,如果我有一个水平的ScrollView,其中包含一些元素的GridLayout,比如简单的标签,那么如何确保每个标签不超过ScrollView的宽度?这样用户就可以在ScrollView中看到一个完整的标签(如果标签较短,则可以看到多个标签),并且永远不会切断文本

我已经尝试将标签宽度设置为100%,但它不起作用,尝试设置GridLayout宽度,也不起作用

这就是我所拥有的

<template>
  <StackLayout height="100%" width="100%" backgroundColor="#add8e6">
    <ScrollView id="scroll" orientation="horizontal">
      <GridLayout class="m-15" rows="auto" backgroundColor="#90ee90"
                  columns="auto, auto">
        <Label class="h3 m-15" col="0" textWrap="true"
               text="Title bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla 1"></Label>

        <Label class="h3 m-15" col="1"
               text="Title bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla 2"></Label>
      </GridLayout>
    </ScrollView>
  </StackLayout>
</template>


我可能被误解了,但为什么在不希望标签超过容器宽度的情况下还需要一个水平滚动条呢?因为例如,我想要一个带有状态消息的滚动条或包含一些通知或其他内容的CardView,用户可以滚动它们,并在视图上完整查看每张卡片,在他的手机上看不到50%的卡片,因为它太长了。你检查过nativescript寻呼机插件吗?很好!我没见过那个谢谢