具有绝对位置React Native的水平ScrollView

文章/答案/技术大牛

发布

1回答

react-native、flexbox

我试着把一个水平滚动视图放在这个地图上，但是它不能滚动。我做错了什么？ style={{ bottom: 50, }}

浏览 0提问于2016-09-14得票数 0

1回答

使用相对于屏幕大小的绝对定位子对象反应原生ScrollView

css、react-native、scrollview、horizontalscrollview

我有一个水平的ScrollView组件，它包装了React Native中的整个屏幕，它的第一个子组件是一个占据整个设备高度并超出设备宽度的图像。我试图在背景图像中绝对定位元素，以便它们始终处于与不同设备上的背景相同的相对位置，但我不知道如何定位。任何帮助都将不胜感激。当前代码示例： <S

浏览 2提问于2021-04-30得票数 0

2回答

ScrollView react本机不显示具有绝对位置的子

react-native

在问这个问题之前，我用相同的主题检查了所有的答案，但我没有找到解决简单问题的答案。我有一个ScrollView，它包含一个绝对位置的文本。这个简单的例子不起作用，也不显示scrollView中的文本。以下是我的例子： import { Scro

浏览 0提问于2021-02-17得票数 0

回答已采纳

1回答

ScrollView反应本机水平不工作

react-native、scrollview、horizontalscrollview

我正在尝试用ScrollView创建水平滚动视图。下面是我的代码的基础(抱歉，我不能分享更多的细节)：import {import { Content, } from &

浏览 0提问于2019-06-23得票数 3

回答已采纳

0回答

在React* Native中使用ScrollViews进行水平和垂直滚动*

react-native

我尝试实现一个水平和垂直滚动，如下所示：水平滚动将特色内容显示为图像(应该是可点击的)。垂直滚动有其他可点击的项目。我的第一个尝试是使用两个绝对位置的框，但水平ScrollView使用所有的触摸事件(即使在添加pointerEvents={“pointerEvents=-none”}之后也是如此)。这就是我在这种情况下尝试的方法： import React, { Compon

浏览 5提问于2018-07-16得票数 5

回答已采纳

3回答

如何让React* Native中的ScrollView扩展到IOS中的状态栏区域？*

react-native

我在将ScrollView设置为扩展到状态栏区域时遇到问题。例如 return ( <ScrollView style={{flex:1}}> </ScrollView> ); 为我返回它，它基本上将文本设置在状态栏区域的正下方。

浏览 18提问于2019-06-23得票数 3

2回答

React-本机水平滚动视图不起作用，但与垂直滚动视图配合良好

android、reactjs、react-native

我是第一次接触react-native。我想要实现列表的水平滚动。当水平添加时，滚动将不起作用。但它运行良好，去掉了horizontal={true}。 <ScrollView horizontal={true}</View>

浏览 3提问于2021-01-12得票数 0

2回答

React Native -如何自动将ScrollView滚动到光标位置？

react-native

如果我有一个ScrollView，且在ScrollView中有许多TextInput，那么当用户点击任意TextInput并开始键入时，如何将ScrollView滚动到光标位置？每当用户键入并且光标经过ScrollView的可见部分时，滚动ScrollView以使用户能够看到光标。我怎么才能做到这一点呢？

浏览 108提问于2019-03-24得票数 5

3回答

我想在react原生中添加浮动按钮。我用position: absolute添加了它，但它显示在屏幕的末尾，即底部。目前它只显示在底部，即屏幕内容结束的地方。我想在右下角显示浮动按钮，当用户向上和向下滚动屏幕时应该是可见的。react原生论文中的浮动按钮：https://callstack.github.io/react-native-paper/fab.html#usage 如果我使用position：

浏览 93提问于2019-01-28得票数 4

回答已采纳

2回答

React Native :使用react-native-reanimated设置视图高度的动画效果不佳

react-native、react-native-reanimated

滚动列表时动画显示视图的高度非常慢且起伏不定，在IOS上很好用，但在Android上就不行了： import * as React from "react";import Animated from "react-native-reanimated"; const { Value, View, Scroll

浏览 31提问于2020-03-30得票数 2

回答已采纳

2回答

为什么在我的代码中scrollView不能以垂直方式工作？

javascript、android、reactjs、react-native

在我的react原生代码中，当我将scrollView水平放置时，我想以垂直方式显示数组值，而不是正常工作，但实际上我需要垂直方式。我尝试放置水平false，请指导如何解决此问题 {this.state.status ?( <ScrollView horizontal pagingEnabled snapToInterval={300} directionalLockEnabledgreen"

浏览 22提问于2019-02-05得票数 2

1回答

ScrollView horizontal在Expo网络React Native中不起作用

react-native、expo、scrollview

ScrollView水平不工作在世博会网络反应本机。下面是不工作的滚动视图，它不是水平滚动。我还尝试删除“水平”，以便它将是垂直的，但仍然不起作用。import { Image, StyleSheet, View, ScrollView, TouchableOpacity, StatusBar } from 'react-native'; renderimg: require('image5.png&#

浏览 18提问于2021-07-03得票数 0

1回答

在react原生滚动视图中设置偏移限制

react-native

我在react原生中有一个水平的ScrollView。此ScrollView包含两个元素。为简单起见，我们将这些元素称为blue和green。我想要实现的是，当我从左向右滚动滚动视图时，蓝色区域不应该超过紫色视图。滚动应该停在右边的方向。我能想到的一个解决方案是将蓝色区域变得非常宽，然后根据紫

浏览 40提问于2019-07-13得票数 7

1回答

当我触摸屏幕底部时自动滚动ScrollView

node.js、react-native、scrollview

我试图创建一个有滚动视图的视图。如果我触摸到底部或如果我将手指拖到底部，则Scrollview将以固定速度自动滚动。考虑下图我在react原生中使用PanResponder类来实现此功能。我喜欢分享我的代码，但它太笨重了，而且不容易理解。所以我的问题是，任何人都有任何代码来实现这一点。或者有没有可用的库？请帮帮我

浏览 3提问于2018-11-28得票数 0

7回答

FlatList‘t不滚动

react-native

我在一个FlatList中设置了4个maxHeight设置为200的ScrollView。<ScrollView> <FlatList/> <FlatList/>当我尝试滚动一个FlatList时，它不是滚动，而是ScrollView滚动。全源代码 import { Component, de

浏览 2提问于2018-06-29得票数 47

回答已采纳

4回答

如何像appstore一样实现水平滚动视图

reactjs、react-native

如何实现像appstore一样的滚动视图？当滚动完成一半时，我将滚动到下一个内容 

浏览 1提问于2018-09-12得票数 0

回答已采纳

5回答

Scrollview仅可在父视图中滚动-本机

reactjs、react-native

我在一个绝对定位视图中嵌套了一个ScrollView，这个视图比它的父视图更大。如果我按下该家长的内部，滚动操作就会很好，但当我走出它时，它并不是在处理触觉。我怎么才能避开这一切？

浏览 30提问于2022-11-16得票数 1

回答已采纳

2回答

如何在React本机中创建可滚动框？

reactjs、react-native

用一种高性能的方式自动为您执行此操作，这样您就可以安全地删除此调用。见ScrollView。<ScrollView style={styles.termsAndConditionsStyle}> // some large text</Text>解决方案-实际上我从react-native-gest

浏览 2提问于2019-02-21得票数 0

回答已采纳

5回答

react原生中的ScrollView RTL

reactjs、react-native、scrollview

以下代码是我在react native项目中的ScrollView： ref={(scrollView) => { this._scrollView = scrollView; }} showsHorizontalScrollIndicator={false} showsVerticalScrollIndicator

浏览 0提问于2016-12-08得票数 8

1回答

不变冲突:找不到名称div的视图配置。请确保组件名称以大写字母开头。在react原生中

react-native

(在Horizontal.js:8)在水平(在App.js:12)在RCTView (在View.js:45)在视图(在App.js:11)在应用程序(在withExpoRoot.js:20)在RootErrorBoundaryimport React from 'react';import {ScrollView} from "

浏览 51提问于2019-11-10得票数 1

点击加载更多