可以在react原生中做与用户滚动的固定项目吗？
在React原生中，可以通过CSS属性和JavaScript来实现与用户滚动的固定项目。
- CSS属性：可以使用
position: fixed来固定一个元素在页面中的位置。例如，如果你想要固定一个导航栏在页面顶部，可以给导航栏的样式添加position: fixed; top: 0;。这样导航栏就会固定在页面顶部，无论用户如何滚动页面。 - JavaScript：可以通过监听用户滚动事件来实现与用户滚动的固定项目。例如，你可以使用
window.addEventListener('scroll', handleScroll)来监听滚动事件，并在事件处理函数handleScroll中根据滚动位置来判断是否需要固定项目。具体实现可以使用window.pageYOffset获取当前滚动的垂直位置，然后根据需要添加或移除固定样式。
这种方式可以在React原生中实现与用户滚动的固定项目，无需依赖其他库或框架。当然，如果你希望使用现有的组件库来实现固定项目，也可以考虑使用一些第三方库，如react-sticky或react-scrollspy等。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 云数据库 MySQL 版（CMYSQL）：https://cloud.tencent.com/product/cmysql
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 人工智能（AI）：https://cloud.tencent.com/product/ai
- 物联网（IoT）：https://cloud.tencent.com/product/iot
- 移动开发（移动推送、移动分析）：https://cloud.tencent.com/product/mobile
- 区块链（BCS）：https://cloud.tencent.com/product/bcs
- 元宇宙（Tencent XR）：https://cloud.tencent.com/product/xr
相关·内容
需要有一个选项卡栏，显示一些信息，总是卡在屏幕底部的滚动视图，将始终有更多的高度比设备。标签栏只是一个视图。下面的样式会简单地将它添加到滚动视图的底部，而不是屏幕的底部。position: 'absolute', right: 0, 很抱歉我问了一个常见的问题，但我在网上找到的答案似乎都不能解决我的确切问题。
浏览 16提问于2020-03-29得票数 0
1回答
我在我的React js项目中使用了ant设计表。它有列固定选项和滚动道具。我需要用头固定前2行。在ant设计或其他框架中可以做到这一点吗？例如，如下所示。当必须修复滚动Edward King 0和Edward King 1时，其他滚动在y轴上滚动 Example table
浏览 77提问于2020-07-23得票数 0
在我们的React原生项目中，我们有一个屏幕，它有一个父scrollview (带有pull来刷新)，而在scrollview中，我们有Listview (作为chilld视图)。在iOS中，我们可以滚动滚动视图(父视图)和列表视图(子视图)。
但在android中，我们无法滚动儿童列表视图。当我们尝试滚动子Listview时，父视图正在
浏览 3提问于2017-04-28得票数 6
1回答
我有一个react组件的集合，这些组件在react-stack-grid中呈现。当用户向下滚动时，使用react- limit scroll -component填充集合，为了限制集合中的项的数量，我从呈现的组件列表中删除项，但当我这样做时，需要更新滚动位置并移动以补偿新元素。{currentMediaItems}
浏览 0提问于2017-10-18得票数 0
我在反应-本土-网页链接中受到了很大的打击。我在这个特别的问题上结束了，这也是一个非常普遍的问题。当我做react-native link react-native-webview时，它会让我错误地说-的“反应-原生”："
浏览 4提问于2021-02-23得票数 1
回答已采纳
我正在做react原生项目，版本如下 "react-native": "0.60.3",
我想知道与react原生版本兼容的firebase版本。有什么方法可以找到它吗？如何为react原生项目安装特定的
浏览 1提问于2020-09-05得票数 1
2回答
我在react导航的react原生应用程序中使用TabNavigator，这是我的tabNavigator： Newsstand: { screen: NewsstandNewsstand: { } }})
现在的问题是，当我在我
浏览 2提问于2017-05-11得票数 0
1回答
在iOS上的Chrome和Safari中，有没有一种方法可以一次只滚动一个方向？换句话说，如果我开始垂直滚动一个元素，我想关闭用户水平滚动的功能，直到垂直滚动完成。反之亦然。在iOS原生代码中称为，在微软浏览器中称为。
在Chrome for iOS (或者Safari for iOS，因为它们在</e
浏览 18提问于2019-07-11得票数 2
在iOS的安装说明中，它说要运行在完成之后，我看到：但是，如果没有找到error React/RCTViewManager.h，则立即编译失败：
与see本机示例项目相比，我可以看到，实际上，它似乎根本不使用Podfile来集成本机响应；相反，所有react组件都
浏览 3提问于2017-04-19得票数 1
回答已采纳
我正在创建一个应用程序来在线订购食物，我想执行一个功能，用户不必滚动或执行任何操作就可以看到他们的设备屏幕上反映出他们的订单已经更改了状态。示例:用户输入以查看其订单的状态，并且在该屏幕上，用户可以看到订单的状态是如何更新的，而无需滚动。我不知道我是应该使用监听器，还是应该使用异步和等待的方式
我正在使用带有钩子的rea
浏览 3提问于2020-10-29得票数 1
我想知道是否可以使用Expo来运行我使用npx react-native init命令创建的react-native项目，因为它可以为现实世界的应用程序生成更好的结构。我想这样做的原因是为了避免我在运行和调试应用程序时遇到的无数错误。
浏览 1提问于2020-02-03得票数 0
我有一个网页与大表全屏。行数固定为20，并且应该可以水平滚动。目前我使用overflow功能来获取水平滚动条。overflow: 'hidden', overflowX: 'scroll',
但是我需要向下滚动才能看到水平滚动条。我想在页面底部固定滚动条。因此，它始终是可见的，用户可以轻松地导航表。如何添加这样的滚动
浏览 1提问于2018-08-13得票数 0
我的项目中有一个带有iPhone图片的UIPageViewController实例，该图片在用户滚动时显示不同的场景。我想要一个“固定背景滚动布局”，即当用户滚动时，iPhone图片应该保持固定，但只有里面的场景应该改变。我怎么能这么做呢？
例如:在中，当你向下滚动时，Mac图片是固定的，但里
浏览 1提问于2016-02-13得票数 0
在我的react原生项目中，我列出了一堆帖子，如果用户愿意，他们可以“喜欢”一个或多个帖子。我要求用户输入他们的密码时，他们第一次喜欢一个帖子。我刚接触react native，我不确定如何向用户显示对话框或新页面，以便他们可以输入密码，然后显示列出帖子的原始屏幕。我有一个与每个有onPress事件的帖子相关联的</em
浏览 10提问于2020-07-09得票数 0
回答已采纳
3回答
我目前正在开发一款适用于安卓的react原生应用程序，并且可以访问新的FlatList。它有一些非常需要的功能。但是，我的listview是使用react-native-invertable-scroll-view反转的。这在FlatList中似乎不能正常工作。滚动未正确反转。有人知道如何反转FlatList吗？或者如何加载Flatlist，然后在用户不注意<em
浏览 1提问于2017-04-14得票数 29
回答已采纳
当我单击任何菜单项时，它会滚动到正确的部分。如何在滚动到其他部分时突出显示正确的菜单，如this ?
浏览 19提问于2020-07-15得票数 0
1回答
我是react native的新手，我想在react native中从上到下连续滚动图像，反之亦然。 </marquee>在原生的react中</e
浏览 0提问于2017-10-09得票数 0
我想在我的react原生应用程序中使用ScrollView中的WebView。但如果我这样做，我无法滚动我的网页视图，除非我禁用滚动滚动视图。然而，我需要在滚动视图以及webview的滚动。对于如何实现这一点有什么建议或解决方案吗？
浏览 10提问于2017-05-04得票数 21
我正在尝试将我的react原生项目转换为expo项目，我遇到的一个小问题是，当我运行expo项目时，我遇到了这样的错误在网上做了一些关于如何解决这个问题的研究后，一位用户要求通过删除RCTToastAndroid.SHORT的Android部分就可以</
浏览 1提问于2019-09-23得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
