Vuetify:卡片内滚动列表
Vuetify是一个基于Vue.js的开源UI组件库，它提供了丰富的可重用组件，帮助开发者快速构建漂亮的Web界面。卡片内滚动列表是Vuetify中的一个特性，它允许在卡片组件中显示一个可滚动的列表。
卡片内滚动列表的优势在于可以在有限的空间内展示大量的内容，同时保持界面的整洁和易读性。它适用于需要展示大量数据或者需要分组显示内容的场景。
在Vuetify中，可以使用v-card组件来创建卡片，然后使用v-list和v-list-item组件来创建列表。为了实现卡片内滚动列表，可以在v-card组件中使用v-card-text组件，并将列表组件放置在其中。然后，可以使用v-list组件的overflow属性来设置列表的滚动行为。
以下是一个示例代码：
<template>
<v-card>
<v-card-title>卡片标题</v-card-title>
<v-card-text>
<v-list two-line subheader>
<v-list-item v-for="item in items" :key="item.id">
<v-list-item-content>
<v-list-item-title>{{ item.title }}</v-list-item-title>
<v-list-item-subtitle>{{ item.subtitle }}</v-list-item-subtitle>
</v-list-item-content>
</v-list-item>
</v-list>
</v-card-text>
</v-card>
</template>
<script>
export default {
data() {
return {
items: [
{ id: 1, title: '列表项1', subtitle: '副标题1' },
{ id: 2, title: '列表项2', subtitle: '副标题2' },
{ id: 3, title: '列表项3', subtitle: '副标题3' },
// 更多列表项...
]
};
}
};
</script>在这个示例中，我们使用了v-card组件创建了一个卡片，其中包含了一个v-list组件作为列表容器。通过使用v-for指令，我们可以根据数据动态生成列表项。
对于Vuetify相关的产品和文档，你可以参考腾讯云的Vuetify UI组件库，该组件库提供了丰富的Vuetify组件和示例代码，帮助开发者更好地使用Vuetify构建界面。你可以在腾讯云的官方文档中找到更多关于Vuetify的介绍和使用方法。
腾讯云Vuetify UI组件库链接地址：https://vuetifyjs.com/
相关·内容
使用Vuetify 2.0，我得到了一个包含两张卡片的布局--一张在另一张卡片上。
底牌很大，所以用户必须滚动。我希望顶部的卡片留在视图中(而不是滚动到视图之外)，因为它用于显示有关我在底部的卡片中选择的内容的信息。
浏览 2提问于2019-09-17得票数 1
我有一个带有V卡的部件。我在卡片标题区域放置了一个简单的按钮。当我单击时，我看到该方法被触发，它显示在控制台中。但是，这张牌从来不会滚动。如果我输入了错误的类名，我会得到一个错误，所以goTo看起来会做一些事情，因为它找不到这个类。没有打字错误，没有错误，但卡片主体永远不会滚动。 <v-btn
x-small
class="ma-0 ml-6"
color="red"
dark
dense
@click="gotoSelectedVendor()"
>
GoTo
<
浏览 116提问于2020-07-29得票数 1
2回答
如何设置正确的vuetify卡内容大小才能滚动？不幸的是，vuetify文档只显示了最简单的情况，没有真实的数据。下面是卡片内部的列表和页脚： https://jsfiddle.net/Feofilakt/0Lnzteqm/ Vue.use(Vuetify);
var vm = new Vue({
el: "#app",
methods: {},
data: {}
}); <script src="https://cdn.jsdelivr.net/npm/vue@2.x/dist/vue.js"></script>
&
浏览 20提问于2019-09-09得票数 4
回答已采纳
3回答
你好，我试图在卡片中创建可滚动的内容，其中包含了flex util类和Vuetify的组件，但是我没有成功。他是我最后一个尝试过的代码版本：
我的期望是：
我发现了一些纯挠曲的样品，但我不能用Vuetify吗？你能帮我编辑代码框让它正常工作吗？谢谢。
浏览 5提问于2020-08-24得票数 1
回答已采纳
我正在使用Vue创建一个简单的卡片组编辑器，我想要有一个卡片列表，其中有一个“添加”按钮。
单击按钮时，我希望卡片的图像和名称出现在侧边栏上。然而，连接到"deck“变量会返回一个字符串文字。
<div id = app>
<p v-on:click="addImg">
{{ Images }}}
</p>
</div>
var app = new Vue({
el: '#app',
vuetify: new Vuetify(),
data:
浏览 0提问于2020-02-27得票数 0
1回答
这不是问题，更多的是一个问题。我想知道什么时候我们创建了一张带有自定义扩展的卡片，并把它放在一个卡片列表中。何时调用setUpInnerViewElements()？它是在我们扩展卡片时调用的，还是在我们触摸卡片或滚动列表时调用的？
如果我要更新卡的Ui在运行时展开，而它是扩展的，你会怎么建议这样做呢？假设我有一个按钮，它提示用户输入一些字符串，并希望将该字符串附加到CardExpand中现有的字符串中？同时让其他所有其他卡片都可以使用这个字符串来扩展视图？有什么方法可以实现这一点吗？
对不起，我不能提供代码，因为它的代码很长，很乏味。
谢谢
浏览 2提问于2015-06-04得票数 1
回答已采纳
我有这个codePen：
如果你向下滚动，你可以看到这张卡片。我需要这张卡片出现在红色容器的上方。因此，红色容器填充屏幕，屏幕中间的浮动卡片位于红色容器的上方。
new Vue({
el: '#app',
data: () => ({
drawer: null
}),
props: {
source: String
}
})
<link rel="stylesheet prefetch" href="https://fonts.googleapis.com/css?family=Roboto:300,
浏览 0提问于2018-07-17得票数 2
? 我在互联网上找到了这个卡片组件的例子，并想用Vuetify构建一些类似的东西。我想知道解决这个问题的最好/最简单的方法是什么？使用默认的v-card并添加自定义元素/css inside.Or构建带有Vuetify gid的整个卡片？
浏览 55提问于2021-11-04得票数 0
回答已采纳
1回答
嗨！
我仍然在学习棱角，我在编写我的应用程序时遇到了我的问题。
问题
我有一个父组件，包含从后端调用的项列表。我成功地创建了一个事件，该事件在单击时获取每个项的数据，以将此数据发送到子组件。在那里，我以卡片的形式显示它：(这里的简化代码- )
我面临的问题与移动视图有关，因为这些屏幕较小，不能在一个视图中包含所有信息，但我无法滚动卡片。滚动只移动家长-就像在链接外派。
TODO
目标是不允许父滚动，并使子滚动，如果它的高度>屏幕高度。当子组件存在时，如何使父组件‘溢出:隐藏的或类似的东西？
浏览 3提问于2021-02-18得票数 1
我在卡片里有一张卡片的清单。当我刷这些内卡时，我想要外卡滑动。我的外卡有滚动，但当我试图滚动的内部卡，它不工作。当我将滚动添加到内部卡片列表中时，只有卡内滚动。当我试图通过内部卡刷卡时，如何使外卡滑动？
浏览 3提问于2022-01-19得票数 0
回答已采纳
我正在使用Vue/Vuetify，并且有一个可滚动的v-list：
<v-layout scrollable ...
<v-list ...
<template v-for=id...
<v-list-item :key=id...
是否可以以编程方式滚动项目，以便某个特定项位于可滚动列表的可见区域？
浏览 9提问于2022-01-29得票数 3
回答已采纳
2回答
我正在为Android应用程序创建一个主屏幕。主屏幕将是一个垂直滚动列表，包含许多不同的元素。
这些元素可以是简单的卡片列表、滚动的物品旋转木马(ViewPager?)或者只是一个基本的WebView。
是否有可能在多种类型的内容(也可以有自己的适配器)中高效地使用RecyclerView。或者还有什么我可能不知道的东西？
英国广播公司的新闻应用程序与我试图做的类似。
浏览 3提问于2015-08-10得票数 0
回答已采纳
使用vuetify:我在一个页面的顶部有一个v-card，它包含独立于页面的内容和滚动。当我点击一个按钮时，我需要滚动到卡片可滚动内容的底部。 我有一个按钮点击页面滚动，但我需要页面静止不动，只滚动卡片的内容。 <div id="app">
<v-app id="inspire">
<v-text>stay</v-text>
<v-container
>
<v-layout
align-center
ju
浏览 15提问于2020-10-15得票数 0
我想创建一种卡片布局，其中的卡片在可以水平滚动卡片的HorizontalScrollableView中包含ListView布局。一切正常，但我的滚动有问题。只有当我没有水平滚动卡片时，我才能垂直滚动列表视图，反之亦然。
这是主容器：
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent" &g
浏览 1提问于2012-06-28得票数 6
2回答
我有一个可滚动列表，可以从中选择多个项。每次更改搜索输入时，我都希望以编程方式实现滚动到列表顶部的方法。
期望行为:例如，当我在搜索列表中键入'b‘并向下滚动时，如果再次键入e，我希望它滚动到最上面。
下面是一个代码示例，展示了我想做的事情，我尝试了两种不同的方法。在下面的代码中，我尝试了两种不同的方法，在这些方法中，我使用了html元素的scrollTop特性和goTo函数，但它们都不起作用。
代码演示->
如果演示过期，实际代码；
<div id="app">
<v-app>
<v-main class=
浏览 8提问于2021-12-29得票数 1
我有个vuetify v-select下拉列表。在里面，我做了一个插槽#附加项，其中我有一个按钮“验证”，我希望当我滚动在下拉列表中时，按钮总是可见的。
浏览 10提问于2020-12-10得票数 4
回答已采纳
1回答
我有一个SingleChildScrollView，在它里面我有一个有一些卡片的列表，你可以删除你添加的更多。当卡片列表还不能滚动时，我需要修复屏幕底部的add按钮，但是当卡片列表增加大小并且滚动视图现在能够滚动(查看所有内容)时，按钮必须跟随列表，不再固定在底部。
现在，我为解决这个问题所做的就是每次删除卡片时检查滚动视图，如果我检查屏幕现在是可滚动的还是不可滚动的，我会更改构建小部件的一些属性：
SingleChildScrollView(
controller: _scrollController,
physics: AlwaysScrollab
浏览 4提问于2021-02-01得票数 0
回答已采纳
下面是我们在Stack Exchange使用的Trello板上两个长列表的截图：
📷
这两个列表都相当长，足以滚动。但其中一张“看上去”比另一张长。是什么决定了每个列表中灰色容器部分的长度？为什么他们不直接下到窗户的底部？
他们不是拉伸或压缩显示相同数量的完整卡片-左边的列表显示8张完整的卡片，而右边的列表显示9张完整的卡片。他们也没有伸展或压缩，以向上或向下的最接近的“完整的卡片”-你可以看到在每个名单的底部的一部分卡。(这两个列表都一直滚动到顶部，尽管在我看来，右边的列表确实是向下滚动了一点。这是某种视觉错觉--我仔细检查了一下.)
那么:这里的故事是什么？
浏览 0提问于2012-04-09得票数 3
回答已采纳
我有一张大的可点击卡片，它们占了宽度的90%。
一个SingleChildScrollView正在包装一个构建卡片的列表视图。
问题是，由于手势检测器很大，很难滚动列表。在卡片上滚动不会做任何事情，因为它自己的onTap与它冲突。
有没有办法在不禁用onTap for GestureDetectors的情况下解决这个问题？
浏览 17提问于2022-10-08得票数 0
回答已采纳
1回答
我目前正在构建一个卡片部分，它显示了卡片的水平列表。该列表溢出，这使得用户必须水平滚动才能查看屏幕外的卡片。
为了使这个过程对用户来说更容易，我想创建向左或向右滚动水平列表的按钮。
我尝试通过创建一个对水平列表的引用来解决这个问题，并在单击前面提到的按钮时应用scrollX。但是，这会导致以下错误：
<code>A0</code>
我的代码：
<code>A1</code>
浏览 13提问于2020-03-18得票数 9
回答已采纳
1回答
我正在制作一个滚动菜单，其中有一个卡片列表，每个卡片都有一个按钮，显示更多的信息。问题是，overflow属性隐藏了应该出现在菜单左侧的(切换信息)。
正如您在图片中所看到的，我希望得到卡片列表的(overflow可见的)，但使其溢出-y:auto/滚动只需隐藏它。
代码沙箱如果您想看一下代码：
浏览 2提问于2022-10-01得票数 0
我在创建一个包含导航抽屉和可重新大小的容器(卡片、行或任何其他Vuetify元素)的Vuetify容器时遇到了问题，如果抽屉打开或关闭时它会缩小(例如，类似于Gmail )。
在页面顶部还有一个工具栏，它必须始终保持相同的大小，抽屉必须只在它下面的一个容器中。
我尝试了以下几点：
<div id="app">
<v-app id="inspire" style="background-color: #ccc;">
<v-main>
<v-container fluid class=
浏览 2提问于2020-07-15得票数 4
回答已采纳
我试图在css网格中排列带有图像的虚拟卡片，但是v卡的v-img没有看到它的大小，因为它是一个外孙。如何将网格大小向下传播到v？
我希望图片填写卡片，类似于flex-box版本()。
这是我想要的样子，根据窗口大小自动调整图像大小。
new Vue({
el: "#app",
vuetify: new Vuetify(),
data: () => ({})
});
.grid {
display: grid;
height: calc(100vh - 64px - 60px);
grid-template-columns: 1fr 1
浏览 2提问于2020-05-11得票数 1
回答已采纳
1回答
我想实现一个应用程序由几个卡视图和一个成功的按钮。在每一次点击按钮，页面应该滚动到它的底部。
我找到了一些Q&As，它们通过原生javascript实现滚动，但我没有了解如何在Vuetify框架上实现它。我查看了文档()，注意到滚动是通过$vuetify.goTo实现的。
但是，我没有找到在Vuetify-like样式上指定页面底部的确切方法。
用好的Vuetify管理器实现它有什么好主意吗？
浏览 0提问于2019-08-13得票数 2
1回答
我有一个带有侧边栏和容器的应用程序。侧边栏是屏幕的高度，但是容器的内容更长，所以我在容器css中添加了overflow-x: hidden，以添加滚动功能。 现在，我尝试在容器中添加一个Vuetify组件。但是由于这种overflow-x样式，autocomplete组件的下拉列表将随页面滚动，而不是停留在输入字段中。 我使用Vuetify文档页面中的一些简化代码创建了一个codepen，因此您可以查看其行为：https://codepen.io/brm49024/pen/PoqaBzM。 所以，我的目标是让下拉菜单在滚动时粘在输入栏上。有什么方法可以做到这一点吗？
浏览 18提问于2020-03-19得票数 1
回答已采纳
1回答
我正在尝试实现2列中的可滚动卡片列表。卡片应该是可刷的左或右的屏幕外，以被删除。
基本上，这应该像Chrome应用程序当前显示标签列表的方式一样，这些选项卡可以被滑动关闭。参见示例图像。
我可以使用FlatList实现2列的卡片列表。不过，我在刷卡方面有困难.我尝试了反应-火药卡，但它不能限制刷卡上下，因此列表变得不可滚动。反应-本机甲板-刷卡也不能很好地与列表。
任何帮助都是非常感谢的。谢谢!
浏览 8提问于2022-02-25得票数 4
回答已采纳
我正在开发一个闪存卡应用程序，我有一个FlipCard动画小工具，当我向左或向右滑动时，可以翻转卡片。但当我向上和向下滑动时，我正在尝试添加动画。我想让动画向上/向下滚动到下一个列表项，只滚动卡片(黄色框内)，而不是整个页面更改或不弹出到新页面。 我目前向上/向下滑动，下一个列表项出现，但我希望卡片的平滑动画滚动，而不是突然出现的文本。 对于我应该使用什么Widget有什么建议吗？ Current Page
浏览 18提问于2019-04-06得票数 0
一般而言
当我有一个非常长的滚动页面的列表时，我发现很难使用core-animated-pages聚合物元素来实现芯片列表到卡类型的模式。我认为困难在于，一旦转换完成，隐藏的部分就会从布局中删除，而我很难找到解决这个问题的方法。
简单图解
JSFiddle：
在输出中，滚动到底部并单击芯片，问题应该是显而易见的。
详细信息
确保您必须滚动才能找到底部的芯片，然后单击其中一个。芯片从屏幕飞到顶部，然后突然卡片居中显示，后面的列表消失了(连同滚动条)。一旦你点击卡片，它就会飞离屏幕底部，列表再次出现，但你在页面的顶部，而不是你点击的底部。
帮助?
有人知道解决这个问题的最好方法吗？理想情况下，我希
浏览 29提问于2014-08-29得票数 16
回答已采纳
1回答
我想要一个卡片列表，每个卡片几乎占满整个屏幕(80%垂直)。滚动后，中间的卡片将始终居中。我希望能够有一个快速滚动，当我向上滑动时，它会跳到下一张卡片，而当我向下滑动时，它会跳到下一张卡片上(除非我滚动得不够远，然后它就会把同一张卡片弹回到中间)。它应该感觉像一个灵巧的卷轴，一次只能走一页。我很难弄清楚这应该是一种取景器还是回收器视图，还是仅仅是一个滚动视图。任何帮助都将不胜感激。对我来说，这似乎是一个浏览者所期望的水平行为。有没有关于如何实现的建议？
浏览 2提问于2016-04-26得票数 3
2回答
我有一个带有Vuetify组件的页面，还有REST后端的‘/ page’方法。该方法采用限制、页面和name参数，并返回具有id和名称字段的JSON。
我在用户输入事件上做了一些延迟加载列表的代码。但是现在我想添加在用户滚动事件上加载这个列表的能力。
例如，默认情况下有100个供应商的列表。用户滚动这个列表直到结束，然后调用“某个事件”并加载下100个供应商。然后用户继续滚动并重复操作。
是否可以使用Vuetify自动完成组件实现此功能，还是应该使用其他库？
当前组件的示例代码如下所示：
<template>
<v-autocomplete
:item
浏览 0提问于2019-06-07得票数 8
回答已采纳
2回答
我希望我的应用程序有一个卡片列表，用户可以滚动浏览，单击actions等。具体地说，我希望使用support库中的android.design.CardView类。
据我所知，在SO上有关于这方面的问题，但它不能解决我的问题。我看到的问题的解决方案要么是使用列表，为每个项目添加卡片状的背景，要么简单地提到CardView(即只提到它们的存在)，要么依赖于第三方库。
我想知道是否有可能只使用核心android API和支持库来垂直滚动卡片列表，无论是它们自己还是在RecyclerView中。(但删除任何分隔符或其他使其看起来像是卡片后面的列表的东西)这可能吗？
浏览 1提问于2016-01-05得票数 7
在对话框中，我对Vuetify列表有异议。我的目标是有可用的页眉/页脚，在里面有一个可滚动的列表，所有这些内容的最大高度为600 to，但在较小的屏幕上进行调整。
现在，我有一个问题，它在更大的屏幕高度>600 to时正确工作(我可以滚动列表+看到底部的按钮)，但是在较小的屏幕上工作不正确(可以滚动列表，但必须在末尾滚动才能看到按钮)。
有人知道我忘了补充什么吗？
<!-- MovementsInput component -->
<template>
<v-form
ref="form"
v-model="valid&#
浏览 1提问于2019-07-18得票数 0
回答已采纳
我需要实现一个列表，有一些卡片的水平滚动(滚动一个项目，如facebook的朋友建议列表)。
浏览 0提问于2016-12-27得票数 0
我使用CSS网格为卡项列表创建水平滚动。当您到达水平滚动的末尾时，我需要在列表左边的第一项和右边列表上的最后一项保留间距。然而，当滚动在列表的中间时，两边不应该有任何间距。
需求
卡片列表开始处的间距(左边)
卡片列表末尾的间距(右边)
显示的卡片数量必须为2.5 (在页面加载时，显示2.5张卡片以表示水平滚动是有效的)
列表中的项数可能有所不同，因此无法使用显式网格。
它应该如何查看列表的开头，并在左侧显示间距的示例：
在右边滚动时它应该是什么样子，在左边不应该是什么样子的例子：
在列表的末尾，右边的空格应该是什么样子的例子：
这是一个。
浏览 1提问于2018-07-04得票数 5
回答已采纳
2回答
我正在与Vuetify应用程序栏进行斗争，以使其水平滚动。
是否有可能以任何方式使其可滚动或折叠？我正在使用Nuxt/Vuetify来构建一个平台。
浏览 1提问于2020-04-17得票数 3
回答已采纳
5回答
我正在尝试创建一个水平的卡片列表，其中一次显示3张卡片，其他的是水平滚动的，如下所示：
使用CSS可以很容易地做到这一点，但我想使用Bootstrap来完成。是通过材料设计普及的，它们和Bootstrap中的任何其他东西一样易于使用。对于这个例子，它也可以是常规的div，而不是卡。
我正在努力创建一个可滚动的X卡片(或div)容器，其中一次显示3张卡片，其他的溢出到右侧，并且是可滚动的。我不确定如何使用Bootstrap，给卡片(或div)一个宽度，以便一次显示3张，其他的放在右边。
浏览 2提问于2016-03-15得票数 32
我正在开发一款安卓应用程序，最近被赋予了一项任务，我需要更新一个包含搜索结果的现有ListView，以便在第一位置包含一个水平滚动的卡片列表。每一张卡片都应该是可点击的，但我仍然可以垂直滚动整个列表。
我认为我可以通过使用HorizontalScrollView作为列表中第一项的自定义视图来实现这一点。但是，是否有一种方法可以保持水平列表和现有的ListView分开，同时保持垂直滚动的能力？
浏览 4提问于2015-07-20得票数 0
回答已采纳
我有一个ScrollView。在里面，我有卡片一样的布局，其中有EditTexts。我的问题是，当我向上滚动ScrollView并点击其中一个卡片中的一个EditText时，ScrollView首先向下滚动，然后突然又向上滚动，就像EditText被SoftKeyboard覆盖一样。只有当EditText中有焦点时，才会发生这种情况。如果已经有焦点，则视图重新排列只在EditText被SoftKeyboard覆盖时发生。
我理解当ScrollView被SoftKeyboard覆盖时，EditText的滚动。但是，为什么滚动视图试图重新安排EditText的位置，即使它没有被SoftKeybo
浏览 1提问于2015-04-22得票数 1
1回答
我正在做一个新的项目，我需要使用laravel 8中的vuetify框架，为安装库提取以下命令：
composer require laravel/ui
php artisan ui vue
npm i
npm i vuetify
npm i sass sass-loader deepmerge -D
我遵循了一些文档来在laravel 8中安装vuetify，接下来我展示了我的package.json：
"devDependencies": {
"axios": "^0.21",
"bootstrap":
浏览 7提问于2021-02-26得票数 0
回答已采纳
1回答
我正在尝试在Vuetify中创建一个带有卡片的响应式网格。每张卡必须是相同的大小，但如果我在它下面添加一个长文本(第二张卡)，卡总是最大的大小(我也用breakpoints做了这一点，但Vuetify只有5个断点，我会更需要它。我可以为每一列添加一个自定义断点，但这是一个有点丑陋的解决方案)。 另外，最后一行必须向左对齐，如下图所示。我尝试了很多东西，但我想使用最小宽度和最大宽度，这样在大多数情况下，卡片之间的间隙将是相同的。它应该看起来像这样： ? 这是我的codepen。
浏览 22提问于2020-10-22得票数 2
回答已采纳
我有一个列表要用卡片显示。当有较少的卡片时，这是可以的。但随着卡片的增加，屏幕不会滚动。因此，底部的卡片是不可见的。 下面是我的代码： render () {
return (
<Block style={{ marginHorizontal: -5 }}>
<Card>
<FlatList
style={{ paddingBottom: 20, marginHorizontal: -16 }}
data={this
浏览 16提问于2020-04-08得票数 0
2回答
FlatList of React Native有一个属性viewabilityConfigCallbackPairs，您可以在其中设置：
viewabilityConfig: {
itemVisiblePercentThreshold: 50,
waitForInteraction: true,
}
若要检测列表中的可视项，阈值为50%，且在交互或滚动之后。
Jetpack构图也有类似的东西吗？
有一些布局信息的LazyListState。但是我想知道这个用例是否有内置的组件/属性。
编辑
我有一个卡视图列表，我想检测哪些卡片项目(至少50%的卡是可见的)是可见的。但是，
浏览 11提问于2021-09-20得票数 2
回答已采纳
2回答
我正在玩Reactive原住民，并试图创建一个长长的卡片列表，使用一个用户可以滚动的ListView组件(非常类似于当前的Facebook应用程序)。我注意到的是，当我创建大量的卡片时，应用程序的内存脚印会继续增长，就像滚动一样。除非我在滚动，否则它不会生长。
我对此的解释是，ListView只是在视图变得可见之前呈现视图，这正是它应该做的。然而，我没有看到的是，一旦视点从屏幕上滚动出来，就会释放视图。是否需要设置一些属性来启用此功能？如何管理React本机中长列表的内存？
浏览 3提问于2015-07-28得票数 2
回答已采纳
我有这个特殊的组件上面的平面列表，呈现我的卡片，我想让他们都滚动。我试着用ScrollView来嵌套它们：
<ScrollView>
<MainImage/>
<FlatList />
</ScrollView>
它可以工作，但我的平面列表失去了限制内存的能力，因为我有大量的数据来渲染应用程序，直到崩溃。
如果从我的MainImage组件中删除ScrollView，它就会卡在屏幕上，卡片会在后面滚动，这不是很酷。
<View>
<MainImage/>
<FlatList/
浏览 8提问于2018-07-27得票数 0
以下是我正在努力实现的目标：
在我的例子中，scrollView中有多个卡片，其中包含一个线性布局。我没有使用回收者的观点，因为卡片的数量总是相同的(低于10)。其中一张卡片包含两个回收视图，显示例如评论的列表。问题是，我无法找到一种方法来禁用内部回收视图的滚动，而不让它滚动和显示不完整的数据。
谢谢你的帮忙!
浏览 0提问于2018-06-28得票数 0
回答已采纳
我使用RecyclerView来显示一些文本数据。我得到了选择不同卡片的逻辑。
我想要更改所选卡的外观。
public void toggleSelection(int pos)
{
RecyclerView.ViewHolder viewHolder = recView.findViewHolderForPosition(pos);
if (selectedItems.get(pos, false)) {
selectedItems.delete(pos);
viewHolder.itemView.set
浏览 0提问于2015-06-15得票数 3
1回答
我正在构建一个kanban板，像spa一样，包含列表的用户板，以及包含卡片的列表，所有的卡片都具有拖放功能，前端使用vue.js，后端使用express.js和猫鼬。
目前，我一直在研究如何正确地设置模型和排序。
有人能给我举一个例子，一个简单的猫鼬模型，一个板，一个列表和一张卡片，将工作的拖放功能的列表和卡片，再加上排序，路线也将是很棒的？
我完全迷失了，如果我应该使用嵌入或引用，我已经尝试了两种方式，但这似乎不对。
编辑：
我知道trello/wakan/kanbanflow是怎么做到的，我知道websockets的方式，但现在我只需要一个非常简单、基本的设置，不需要实时更新。
据我所知-
浏览 0提问于2019-01-31得票数 0
回答已采纳
3回答
我正在显示一张卡片中的用户列表，我可以在卡片上添加一个滚动条，使其适合屏幕尺寸吗？我目前正在使用自适应卡1.0，并将这张卡发送给MS团队。
浏览 33提问于2019-12-04得票数 1
回答已采纳
我有一套三个v卡组件。前两张卡设置了颜色，第三张卡的颜色是动态的。目前，只要鼠标悬停在任何一张卡上，第三张卡就会变为绿色。但是，我想根据鼠标悬停的位置更改第三张卡的颜色，这样它就会采用鼠标所在的任何一张卡的颜色。在这种情况下，将卡片3悬停在红色卡片上时为红色，悬停在蓝色卡片上时为蓝色，悬停在其他任何位置上时为白色。Here is a codepen. <template>
<div id="app">
<v-app>
<v-container>
<v-card wid
浏览 23提问于2019-12-19得票数 1
回答已采纳
我想在回收器视图中以卡片视图的形式显示新闻项目。然而，每当我尝试快速滚动列表时，显示就会变得卡顿。如何启用更平滑的滚动？
浏览 2提问于2015-09-09得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
云直播
对象存储活动推荐
腾讯云开发者
