拉动Scrollview以显示View - React Native - 腾讯云开发者社区

文章/答案/技术大牛

发布

2回答

拉动Scrollview以显示View - React Native

reactjs、react-native、uiscrollview

我正在尝试在react原生中构建类似于IMessage和WhatsApp的header的东西，用户可以下拉在header中显示搜索栏。 ? 我已经能够向下拉以显示隐藏的输入，但由于滚动视图的y值在拉出时变为负值，它将反弹回y = 0，并防止输入粘在顶部。我已经尝试使用translateY和scaleY来显示隐藏的输入。outputRange: [ 50, 0 ], }) <&g

浏览 18提问于2019-08-30得票数 9

回答已采纳

3回答

滚动视图不能在react原生中滚动

react-native

滚动视图不滚动 <View style={{flex: 1}}> contentContainerStyle={{ flexGrow: 1 }}> <Item &#x

浏览 13提问于2019-06-11得票数 2

2回答

本机反应:用DrawerNavigator不平滑地滚动

react-native、react-navigation

const Stack = StackNavigator({})render() { <ScrollView> // .. more lines to make it scrollable </ScrollView&

浏览 0提问于2018-02-18得票数 4

2回答

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

reactjs、react-native

见ScrollView。<ScrollView style={styles.termsAndConditionsStyle}> // some large text</Text>解决方案-实际上我从react-native-gesture-handler而不是react-native</em

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

回答已采纳

2回答

滚动时ReactNative自动隐藏导航栏

javascript、reactjs、react-native、navigator-ios

我试图在向下滚动时隐藏导航栏(NavigatorIOS)。我怎样才能做到这一点呢？

浏览 1提问于2017-03-07得票数 5

回答已采纳

1回答

在计算数据时呈现ActivityIndicator

react-native

<ActivityIndicator size = "large" /> : null; <ScrollView><View> {this.handleCalculateButtonPressed}></Button> </View&

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

回答已采纳

2回答

React本机溢出和滚动

react-native

我开始学习React Native。据我所知，这里既有一个"overflow:scroll“风格的属性，也有一个ScrollView。在视图中使用"overflow:scroll“会使其成为React Native中的ScrollView吗？

浏览 4提问于2016-09-27得票数 12

回答已采纳

2回答

渲染后将ScrollView重置为顶部(react导航v4)

reactjs、react-native、react-navigation、scrollview

每当我导航到上述ScrollView所在的屏幕时，如何将ScrollView重置到它的顶部？(我正在使用react-navigation v4)。我见过一篇文章，其中的解决方案意味着使用：然后用钩子： const isFocused

浏览 10提问于2021-09-17得票数 1

回答已采纳

3回答

错误:元素类型无效:应为字符串或类/函数，但在React* Native升级后获得:未定义*

react-native、react-native-android

This error is located at: in View (at ScrollView.js:1124) in ScrollView (at ScrollView.js:1286) "

浏览 76提问于2020-08-24得票数 7

1回答

如何对react* native中使用的html内容使用read more和less行为？*

html、react-native

我正在使用react-native render html package.Now，我面临着一个问题，那就是我必须在react native中实现读取html内容的更多和更少的功能。

浏览 35提问于2019-02-13得票数 3

2回答

如何在中嵌套水平ScrollViews？

android、react-native、android-scrollview、horizontalscrollview

有关示例，请参阅此代码： import _ from 'lodash'; export default class App extends React.PureComponent {style=

浏览 2提问于2019-08-31得票数 1

回答已采纳

2回答

根据react本机中的视图高度更改页脚样式

react-native

在原生react中，如何根据特定ScrollView的高度应用不同的页脚样式？view <Header navigation={this.prop.navigation} <View>} /> </ScrollView> <&#

浏览 20提问于2020-08-27得票数 0

1回答

我可以将数组传递给React* Native *ScrollView吗？

react-native

我正在尝试使用React Native的ScrollView创建一个可滚动视图，代码如下 import React from 'react'; <e

浏览 11提问于2020-08-09得票数 0

1回答

不变冲突:不变冲突:在呈现列表时尝试获取超出范围的索引NaN的帧

javascript、react-native、react-redux

我正在尝试开发一个React Native应用程序，它有一个出租车搜索页面，其中有两个搜索框，“接送”和“送走”。我已经为它们使用了google-places api，并显示了搜索结果。} from "react-native";import {View, InputGroup, Input} from "native-base&

浏览 10提问于2019-08-03得票数 0

1回答

响应本地加载数据问题(异步)

react-native、asynchronous、render

(如装载指示器)<View style={styles.container}> {lecture_render(get_all_list(html))}</View>我呈现得像这样，但在呈现之前，我需要对'html‘变量进行一些筛选。

浏览 3提问于2020-04-24得票数 0

回答已采纳

2回答

反应本机错误AppRegistry未定义？

ios、node.js、reactjs、react-native

我还从“react”导入了样式表之类的组件。} from 'react';import { View, Easing, RefreshControl } from 'react-native

浏览 1提问于2017-07-12得票数 0

回答已采纳

1回答

Swiper仅加载首页

javascript、react-native、swiper

React native仅正确加载第一个页面。这些项来自一个数组。用works填充数组，但不能从自定义组件加载，只有在呈现另一个自定义组件时才会出现这个问题。/img/barbershop_request.png')} <Viewstyle={styles.overlay}></View> <&#x

浏览 41提问于2017-07-19得票数 0

3回答

VirtualizedLists不应该嵌套在具有相同方向的普通ScrollViews中--使用另一个VirtualizedList支持的容器

react-native

returnKeyType={'search'} // Can be left out for default return key https://facebook.github.io/react-nativekeyboardAppearance={'light'} // Can be left out for default keyboardAppearance https://facebook.github.io/

浏览 23提问于2019-11-29得票数 8

1回答

如何修复webview已从and本机中移除，现在可以从and本机webview安装和导入，而不是and本机。

android、reactjs、react-native

 import React, { Component } from "react";import Chart from "react-native-f2chart"; import { WebView } from "react-<

浏览 5提问于2020-02-05得票数 1

回答已采纳

1回答

当水平滚动视图不显示任何内容时，反应本机嵌套滚动视图

react-native、scrollview

我已经查看了与我的问题相关的大部分问题，但没有找到解决方案，我的代码如下所示： <View style={{flex: 1}}> <Component /> <View style={{flex: 1}}>

浏览 4提问于2021-05-06得票数 1

回答已采纳

点击加载更多