如何在Scrollview (React Native)中禁用反弹效果？
在Scrollview中禁用反弹效果可以通过设置bounces属性为false来实现。bounces属性控制着Scrollview在滚动到边缘时是否允许反弹效果。
以下是一个完整的答案示例：
在React Native中，要在Scrollview中禁用反弹效果，可以通过设置bounces属性为false来实现。bounces属性控制着Scrollview在滚动到边缘时是否允许反弹效果。
<ScrollView bounces={false}>
{/* Scrollview内容 */}
</ScrollView>这样设置后，当Scrollview滚动到边缘时，就不会出现反弹效果。
Scrollview是React Native中用于显示可滚动内容的组件，它可以在垂直和水平方向上滚动，并且支持手势操作。禁用反弹效果在某些场景下很有用，比如需要实现一个固定高度的列表或者页面。
推荐的腾讯云相关产品是腾讯云移动开发平台（https://cloud.tencent.com/product/mwp）和腾讯云云服务器（https://cloud.tencent.com/product/cvm），它们提供了丰富的移动开发和云服务器解决方案，可以满足开发者在云计算领域的需求。
相关·内容
我知道有一个如何在ScrollView上实现反弹效果的例子，但在这里我整天都在为一个问题而苦苦挣扎。我正在创建具有反弹效果的视差ScrollView之间的东西。Parallax ScrollView取自这里：，并在ObservableScrollView上实现反弹效果，现在看起来像这样：
public class ObservableScrollView extends ScrollView {
private ScrollCallbacks mCallbacks;
private static final int MAX_Y_OVERSCROLL_DISTANCE = 150;
priv
浏览 0提问于2013-04-30得票数 0
回答已采纳
下面的代码是自动生成的：
$ react-native init RepeatAloud
App.tsx
/**
* Sample React Native App
* https://github.com/facebook/react-native
*
* @format
* @flow strict-local
*/
import React from 'react';
import {
SafeAreaView,
StyleSheet,
ScrollView,
View,
Text,
StatusBar,
} from 're
浏览 3提问于2020-09-04得票数 4
2回答
查找out本机项目上未使用的导入
、、、、
我将以下React Native项目导入到VS Code中。
然后，在以下文件中，在第15行：
我补充说(只是试验)，这句话是：
import { StatusBar, I18nManager, AsyncStorage } from 'react-native';
正如您在下面的代码中看到的：
/* @flow */
import * as React from 'react';
import { Alert, ScrollView, StyleSheet } from 'react-native';
import {
Title
浏览 0提问于2019-01-27得票数 4
回答已采纳
我遇到了一个奇怪的问题。当我在调试模式下运行应用程序时，按钮中的onPress处理程序不会触发。当我停止在调试模式下运行应用程序时，按钮可以正常工作。
调试在我的模拟器上工作，但在真实设备上失败。
详细信息：
OS: Mac
react: "16.11.0"
react-native: "0.62.2"
代码
/**
* Sample React Native App
* https://github.com/facebook/react-native
*
* @format
* @flow strict-local
*/
import React
浏览 4提问于2020-04-13得票数 13
在React Native Android中添加了ScrollView组件，当你向下或向上滚动时，它会显示出超卷效果。如何删除它？
浏览 5提问于2015-12-22得票数 12
回答已采纳
1回答
我需要一次反弹来刷新webview中的页面。但我不需要从底部反弹。我怎样才能让它从顶部反弹？
目前，这些值被划分为简单的布尔值。
WKWebView.scrollView.bounces = false
EDit
extension WKWebViewController: UIScrollViewDelegate{
func scrollViewDidScroll(_ scrollView: UIScrollView) {
scrollView.bounces = (scrollView.contentOffset.y <= 0)
}
}
这不是我的工作
浏览 1提问于2019-11-06得票数 0
回答已采纳
我在Xamarin中使用ScrollView，在iOS上，当您到达顶部或底部时，滚动视图会反弹(通常太远)。我的理解是这是默认的iOS行为吗？是否有一种方法，我可以禁用这个，这样就没有反弹的卷轴？
浏览 2提问于2017-01-03得票数 0
回答已采纳
背景
我在一个UICollectionView中嵌入了一个UIScrollView，它几乎工作得很完美。
目标
一旦滚动元素到达contentViews的末尾，它们就应该无缝地传递滚动。当我在UIScrollView上滑动时，它应该向下滚动，这样UICollectionView就占据了屏幕的90%，然后继续滚动collectionView。相反的情况也应该是正确的，当我在collectionView上滚动并到达collectionView内容的顶部时，滚动视图应该会开始滚动。
问题
1)当我在collectionView上滚动时，它会滚动到顶部并停止。如果我按下几次，它仍然会弹出collect
浏览 6提问于2018-01-13得票数 10
2回答
我从看到了反应本地提供的嵌套垂直滚动视图
问题是，它似乎不适用于安卓系统上嵌套的水平ScrollViews。有关示例，请参阅此代码：
import React from 'react';
import _ from 'lodash';
import { View, ScrollView, StyleSheet, Text, SafeAreaView } from 'react-native';
export default class App extends React.PureComponent {
render() {
ret
浏览 2提问于2019-08-31得票数 1
回答已采纳
我有一个列表视图，我正在加载大量的数据。当数据正在加载时，我希望其他元素(例如工具栏)能够响应。下面是示例代码，我发现，对于每100个条目，工具栏就会有一秒钟没有响应。我的单子将超过1000件。
我尝试了一些性能建议，但我无法正确地调整它。有什么建议吗？
我希望‘工具栏’能够立即响应触摸。如果需要的话，我很乐意进行分页，但我想看看其他人是否对此进行了调优，并提出了一些建议。
'use strict';
let _ = require('underscore');
let React = require('react-native
浏览 4提问于2015-10-09得票数 1
回答已采纳
我看过类似的问题，但似乎没有一个解决方案对我有用，这已经困扰了我两天了。
这个错误似乎来自于将this.props.navigate传递给exerciseList.js，但是我尝试过的一切都不起作用。因此，任何建议都将不胜感激。当我通过exerciseList.js单击单独呈现的文件时，会发生错误。
错误消息：
undefined is not a function (evaluating '_this2.props.navigate('Exercises', { exerciseName:ex})')
package.json
"depend
浏览 0提问于2019-02-21得票数 0
回答已采纳
我正在学习React Native，并试图使用for循环和箭头函数显示一些动态数据。
我面临的问题，确切的数据不是显示在屏幕上，但在日志中，它是打印为循环数据。
这个代码有什么问题？因为我只能将49视为console.warn中的一个值。
码
import React, { Component } from 'react';
import { StyleSheet, View, Text, ScrollView, Platform, Alert } from 'react-native';
export default class MyApp extends
浏览 0提问于2021-03-18得票数 0
我使用的是一个简单的ScrollView，样式如下：
<ScrollView style={
{
height: '100%',
width: '100%',
shadowRadius: 8,
backgroundColor: 'white',
shadowOpacity: 0.2,
shadowColor: 'black',
elevation: 20,
shadowOffset: {
浏览 12提问于2020-06-26得票数 0
所以，我试着用android应用程序接口做一个淡入淡出的动画，但不幸的是，当我试图在我的react-native-animated设备上渲染它时，它并没有得到动画效果。它只是没有动画任何东西，屏幕也是空白的，但在一段时间(比如30-40秒)后，文本显示没有动画。如果我不应用Animated.View，那么文本就会立即出现，或者你可以说是内容的正常呈现。有没有人能发现我在这段代码中做错了什么，或者我应该添加什么才能使它工作。
react-native-动画版本: 1.3.3
import React, { Component } from 'react';
import { Te
浏览 18提问于2020-05-21得票数 0
回答已采纳
我使用的是react-native 我想使用SrollView获得我的滚动位置。 当我使用我的代码并检查console.log(refScrollView.current) 它显示` `null 如何获取refScrollView.current值？ 这是我的代码 import React, { createRef} from 'react';
import {ScrollView} from 'react-native';
const Test = ({}) => {
const refScrollView =
浏览 26提问于2021-08-27得票数 0
回答已采纳
我想知道我如何使用键盘与反应本机。
当我点击我的输入(在“发送”)，我没有一个键盘显示。
我试着使用"KeyboardAvoidingView“，但键盘没有显示。
ChatScreen.js
import React from 'react';
import { ScrollView, KeyboardAvoidingView, StyleSheet, Text, View } from 'react-native';
import MessageList from './MessageList';
import Mes
浏览 0提问于2019-08-06得票数 0
回答已采纳
屏幕被包装在KeyboardAvoidingView和ScrollView组件中。最后的一些输入被键盘部分隐藏。如果我将behaviour支柱设置为任何东西，但未定义的一个白色元素出现在键盘之后。我想要做的就是让屏幕向下滚动大约20个像素.我觉得到目前为止，我已经尝试了所有的东西，甚至设置了keyboardVerticalOffset道具，但是似乎没有什么效果。如果补偿是透明的，那就太完美了.
在下面的代码中，View component被传递给children支柱
import { FunctionComponent, ReactNode } from 'react';
im
浏览 7提问于2022-09-10得票数 1
回答已采纳
我有一个注册服务，由Nodejs处理。此服务在3001端口上工作。我试图将此服务从React本机应用程序连接起来。但总是会回来
ReactNativeJS: TypeError:网络请求失败
我的组件和package.json代码如下。另外，我将URL localhost替换为127.0.0.1，它无法工作。当我从邮递员那里测试后端服务时，它是正常工作的。给出了非常常见的异常网络错误，所以很难理解问题的根源。每个本地开发启动程序都可以很容易地面对这个问题。那么，反应本机还是Android引起的问题呢？
import React, { Component } from 'reac
浏览 2提问于2018-03-10得票数 11
回答已采纳
我在reanimated和react-native-redash中使用react-native-gesture-handler库。我想让scrollView可以滚动，它嵌套在panGestureHandler中，但所有的交互都是由panGestureHandler处理的，所以scrollView不能工作。这是我的代码。
VideoModal.js文件
import Animated , {useCode , cond , eq , set , add, block, interpolate, Extrapolate} from "react-native-reanimated"
浏览 48提问于2020-11-18得票数 0
我希望我的菜单文本具有与TouchableOpacity在touch.And上打开新屏幕相同的效果 ***Settings.js***
import React, { useState } from 'react'
import{StyleSheet,Text,View,TextInput} from 'react-native'
import { TouchableOpacity,FlatList,ScrollView } from 'react-native-gesture-handler'
export default funct
浏览 6提问于2020-07-15得票数 0
回答已采纳
我试图添加一个公司的标志到标题的抽屉导航，但它只显示屏幕的标题。这是我的代码：
import React, {Component} from 'react';
import {Platform, StyleSheet, Text, View, ScrollView, Dimensions, Image} from 'react-native';
import { createDrawerNavigator, createAppContainer, DrawerItems, SafeAreaView } from 'react-navigation'
浏览 0提问于2018-12-25得票数 4
回答已采纳
我有一个UIWebView，我用HTML代码填充它。我为那个UIWebView设置了背景图像。我还将NO设置为alwaysBounceVertical of UIScrollView，但它继续反弹。
为什么？
我的代码：
NSMutableString *properTicketText = [NSMutableString string];
[properTicketText appendString:@"<!DOCTYPE html> \n"];
[properTicketText appendString:@"<html> \n"]
浏览 1提问于2014-11-02得票数 0
回答已采纳
你好，我被这个视差滚动视图卡住了。我从这个link得到了基本的代码。我不知道为什么，但是我得到了这个错误the image of error。这是我的代码 import React, { Component } from 'react';
import { View, Text, Dimensions } from 'react-native';
import ParallaxScrollView from 'react-native-parallax-scrollview';
const SCREEN_HEIGHT = Dimension
浏览 17提问于2020-01-30得票数 0
当我使用带有flex的内容的ScrollView时，它们不会显示，flex似乎不能工作。如何让flex在ScrollView中工作？
import React, { Component } from 'react';
import {
Text,
View,
StyleSheet,
ScrollView,
TouchableOpacity,
Dimensions,
} from 'react-native';
const App = (props) => {
return (
<ScrollView sty
浏览 16提问于2020-05-30得票数 0
我用过
react-native init AwkwardScrollingImageWithText
然后编辑index.ios.js。但是，当我运行应用程序时，没有图像。当我复制/粘贴他们的例子时，这让我抓狂，这非常令人沮丧，我不能做一个样本工作，更不用说创建我自己的应用程序了。
import React, { Component } from 'react';
import {
AppRegistry,
StyleSheet,
Text,
View,
ScrollView,
Image
} from 'react-native';
浏览 0提问于2016-10-18得票数 0
3回答
当UIScrollView到达其内容视图的末尾时，我准备了以下代码来获取事件：
- (void) scrollViewDidEndDecelerating:(UIScrollView *) scrollView
{
float currentEndPoint = scrollView.contentOffset.y + scrollView.frame.size.height;
// CGPoint bottomOffset = CGPointMake(0, scrollView.contentSize.height - scrollView.bounds.size.heig
浏览 8提问于2015-05-15得票数 3
回答已采纳
我正在尝试创建一个与Snapchat的前端类似的ScrollView，它有3个屏幕。然而，我希望能够使用react-navigation的能力来设置一个初始路径，这样每次主屏幕加载时，它都从中间屏幕开始，而不是从最左边的屏幕开始。
这是针对react-native版本：0.57.1和react-navigation版本：3.0.9的。当我将所有3个屏幕都直接放在ScrollView组件中时，这样做很好，但是我无法找到一种方法来选择最初显示哪个屏幕。
以下是一些与我的目标类似的东西：
const HomeScreenStack = createStackNavigator({
Goals
浏览 0提问于2019-03-26得票数 0
回答已采纳
1回答
我如何使一个垂直的平列表项目，在反应本机，以适应位置上滚动和填补当前窗口？我希望每个项目填充屏幕，而不是为前面或即将出现的项目显示。我想要的效果的一个例子是在ScrollView中使用pagingEnabled={true}来实现。但我的问题是，当应用于Flatlist时，前面项目的部分显示在后续视图的顶部。这会随着你的向下滚动而增大。我想要的效果是，如果您正在滚动通过TikTok。您可以看到每个视频是如何填充屏幕的，当您向上或向下滚动时，会产生一种弹性效果，即如果滚动不完整，当前视频就会反弹回位置。
这是我现在的单张表：
<FlatList
data={DATA
浏览 9提问于2022-03-28得票数 0
我是react的新手，我一直在尝试在react应用程序中实现一个数据表库。我一直有一个运行时错误:文本字符串必须在组件中呈现。
这是我尝试实现数据表的代码的一部分。
我曾尝试使用其他库，但同样的错误也出现了。
尝试在render()中输出数据表是错误的吗？
原始代码包含其他部分，如dropdown和piechart，它们在render()中都能正常工作。
更新：
这些是我在尝试输出数据表时遇到的两个不同错误的屏幕截图。我希望他们能帮助澄清这个问题。
import React, {Component} from 'react';
import {
View,
浏览 0提问于2020-09-23得票数 0
我尝试了一些方法来禁用反弹效果，将无反弹属性设置为ion-content
<ion-content no-bounce></ion-content>
并将样式添加到ion-content以禁用退回。我的问题还是没有解决。
浏览 4提问于2017-09-19得票数 15
尝试使用钩子和导航头中的按钮来响应导航。
我可以将handleShowModalLogin函数传递给导航头，我可以看到按钮被点击了，但问题是setShowLoginModal没有将showLoginModal状态更新为true。不知道为什么这不管用。
import React, { useState, useEffect, useLayoutEffect } from "react";
import {
Image,
Platform,
ScrollView,
StyleSheet,
Text,
TouchableOpacity,
View,
B
浏览 0提问于2019-07-22得票数 1
回答已采纳
我买了一个关于Udemy的反应本土化课程，教React的人使用了{...this.props}。但这对我没用。这是错误消息。
TypeError:未定义不是对象(计算'_this.props')
我该怎么办？
LoginForm.js
import React from 'react';
import { StyleSheet, ScrollView, View, Text, Image } from 'react-native';
import Input from '../components/Input';
const
浏览 6提问于2020-03-04得票数 1
回答已采纳
给普通读者的注意:尽管标题是，这个问题与UIScrollView属性bounces (滚动相关)或bouncesZoom无关。
我使用UIScrollView将缩放添加到自定义视图中。自定义视图使用子层绘制其内容。每个子层都是一个CALayer实例，它使用[CALayer addSublayer:]添加到视图的主层。子层使用CoreGraphics呈现其内容。
每次缩放完成后，自定义视图需要在新的缩放比例上重新绘制其内容，以便内容再次变得清晰和清晰。目前，我正在尝试实现中显示的方法，即每次缩放操作后，将滚动视图的zoomScale属性重置为1.0，然后调整minimumZoomScale和ma
浏览 0提问于2013-03-12得票数 1
回答已采纳
我正在React原生应用程序中构建一个古兰经阅读选项。我有一些麻烦找到正确的方法有关使用pdf或png图像。我已经尝试过react-native-pdf，但我有一些问题。png选项在“纵向”模式下提供了最佳的渲染效果，但在“横向”模式下图像不能垂直滚动来查看整个图像；我尝试了在FlatList中使用scrollView。 谢谢!
浏览 23提问于2019-06-21得票数 1
我正在使用React Native，并且我有一个包含少量有限组件的ScrollView (这就是我不使用FlatList的原因)。 据我所知，我需要为组件提供一个height，以便它们足够大，以便在ScrollView中呈现，并且仅使用像素硬编码height似乎是有效的。 Screenshot of the height as 250 pixels. 我也刚刚找到了you can use a percentage for height/width。但是，当我尝试对ScrollView中的组件执行此操作时，所有组件都变得很小。 Screenshot of height as 25% not w
浏览 31提问于2020-10-06得票数 0
回答已采纳
我正在尝试创建一个模拟移动版本的Udemy。下面的代码是主页，它应该显示所有推荐给用户的课程。虽然我的水平滚动工作，我无法向下滚动更多的内容，尽管我知道下面有内容。目前，我只能查看到第二FlatList，无法滚动向下，以获得更多的信息。
我试过的是：
ScrollViewAdding中ScrollViewAdding { flex: 1}中的包装ScrollView，ScrollView中的ScrollView包装视图和为ScrollViewAdding contentContainerStyle={flex:1}的ScrollViewAdding contentContainerStyle=
浏览 2提问于2021-01-22得票数 0
我使用UITableView在用户头像上实现缩放/去模糊效果(就像在Spotify App中一样)，当我将UITableView拉到负contentOffset.y时。这一切都很好..。
现在，当用户下拉到小于或等于某个特定值的contentOffset.y时-让我们称之为maintainOffsetY = 70.0-他“松开”了视图，我希望保持这个contentOffset，直到用户再次“推”起视图，而不是让视图再次自动弹回contentOffset = (0,0)。
为了实现这一点，我必须知道触摸何时开始和结束，我可以使用以下委托方法来完成：
- (void) scrollViewWill
浏览 2提问于2015-04-24得票数 5
我想要一个具有Svg图形在顶部和一些文字解释它的图形下的页面。文本很长，因此页面必须能够滚动。当我在Svg元素上使用固定的宽度和高度时，它可以工作，但我想使用flex。
这是一个使用简单矩形而不是图形的示例。Svg矩形不显示：
import React, { Component } from "react";
import { StyleSheet, View, Text, ScrollView} from "react-native";
import Svg,{ Rect} from 'react-native-svg';
export d
浏览 0提问于2018-03-05得票数 2
1回答
我试图使一个onPress悬停效果来显示文本，当我点击图像时，它会在我的图像上显示一个文本层，因为它对one图像和文本工作很好，但同时也是动态的。点击一个图像，然后这个效果，影响所有的图像与文字。--我只想在一次点击显示一个与img相关的文本，在不同的图像上单击显示与该图像相关的不同文本。如何修复它。
App.js
import Button from "../custom-components/Button";
import React, { useState, useEffect } from "react";
import {
Image,
Ima
浏览 4提问于2022-09-30得票数 1
回答已采纳
我正在尝试在我的应用程序中使用FlatList (React原生的)。我使用它的水平和可以看到滚动条。ScrollView中有一个选项可以隐藏滚动条，但在FlatList中没有。有没有人能用其他方式把它藏起来。我尝试使用父&子容器()的解决方案，但没有工作。
import React, { Component } from 'react';
import { Text, View, FlatList, StyleSheet, ScrollView } from 'react-native';
import { Card, Button } from &#
浏览 16提问于2017-05-15得票数 121
回答已采纳
我想要创建一个条款和条件框，可以在其中滚动数据。我试过像下面这样使用TextInput，但它没有滚动。
<TextInput
multiline={true}
value={data}
editable={false}
scrollEnabled={true}
style={styles.termsAndConditionsStyle}
/>
第二代
我也尝试过这种方法，它可以工作，但是它给了我一个黄色屏幕警告，上面写着-您正在将一个方法组件绑定到组件。用一种高性能的方式自动为您执行此操作，这样
浏览 2提问于2019-02-21得票数 0
回答已采纳
我使用的是react导航版本5，目前，我在一个位于SafeAreaView顶部的视图中有一个带有文本和按钮的屏幕，我需要在视图下面添加TopTabNavigator。
下面是代码：
TimelineComponent.js
import React from 'react';
import PropTypes from 'prop-types';
import {ScrollView, Text} from 'react-native';
class TimelineComponent extends React.PureComponent
浏览 5提问于2020-12-09得票数 0
回答已采纳
2回答
我开始学习React Native。据我所知，这里既有一个"overflow:scroll“风格的属性，也有一个ScrollView。在视图中使用"overflow:scroll“会使其成为React Native中的ScrollView吗？
浏览 4提问于2016-09-27得票数 12
回答已采纳
当我使用嵌套在ScrollView中的ScrollableTabView时，虽然我更新了ScrollableTabView版本0.8.0，但它在安卓中不能显示任何东西。
react-native-cli: 2.0.1 react-native: 0.44.3
我的代码如下：
render() {
return (
<ScrollView>
{this._renderUser()}
<ScrollableTabView
tabBarActiveTextColor="red"
tabBa
浏览 7提问于2018-03-21得票数 0
我正在开发本机项目，我已经部署了android来存储，没有任何问题，所以这一次我尝试构建iOS版本，但是Xcode一直抛出错误。
d: '/Users/[username]/Library/Developer/Xcode/DerivedData/[project]-coivpexlwowderaljfvolsjfftjk/Build/Products/Release-iphoneos/Permission-Camera/libPermission-Camera.a(Permission-Camera-dummy.o)' does not contain bitcode. You
浏览 28提问于2022-10-09得票数 0
回答已采纳
import React, { Component } from "react";
import { Text, Button, View, ScrollView } from "react-native";
import Chart from "react-native-f2chart";
import { WebView } from "react-native";
import { Container, Title } from "../components";
import { basePie,
浏览 5提问于2020-02-05得票数 1
回答已采纳
1回答
我的应用程序在调试模式下按预期工作。
react-native run-android
但是在版本构建中
react-native run-android --variant=release
该应用程序启动良好，我可以导航到所有页面，但是每当我试图滚动或按下ScrollView中的任何视图时，它都会崩溃。例如，在下面的代码中，HomeHeader组件有两个工作良好的按钮，但是每当我触摸ScrollView内部的任何东西时，它都会崩溃。我的代码如下：
<SafeAreaView style={{flex:1}}>
<HomeHeader/>
<Scroll
浏览 1提问于2019-03-16得票数 11
回答已采纳
我正在尝试集成用于移动推送通知的salesforce SDK，在react native中使用https://www.npmjs.com/package/react-native-marketingcloudsdk，我在android real device上运行该应用程序。但是，应用程序崩溃，没有任何错误日志。这是我的App.js import React from 'react';
import {
SafeAreaView,
StyleSheet,
ScrollView,
View,
Text,
StatusBar,
} from 're
浏览 8提问于2020-01-30得票数 0
当jest配置为"babel-jest"："^23.6.0“时，它就不能工作了。当我从react导航中使用ScrollView时，我得到了意想不到的令牌导入。已经完成了与意外令牌导入相关的已打开问题的所有解决方案。
Package.json
{
"name": "BitRiseSetup",
"version": "0.0.1",
"private": true,
"scripts": {
"start": "node node
浏览 2提问于2018-12-04得票数 1
2回答
在react本机示例中：
var React = require('react-native');
var { ScrollView, TouchableHighlight, Text } = React;
var TouchDemo = React.createClass({
render: function() {
return (
<ScrollView>
<TouchableHighlight onPress={() => console.log('pressed')}>
浏览 1提问于2015-04-22得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
云直播
对象存储活动推荐
腾讯云开发者
