腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
视频
沙龙
1
回答
如何从现有类型中引用类型?
在React中,本机是一个组件FlatList,它有一个属性ListHeaderComponent,我如何指定它使用的类型,而不复制和粘贴原始类型。 现在我有 export function AccountMediaGalleryComponent({ style, ListHeaderComponent, ListHeaderComponentStyle, }: { style: StyleProp<ViewStyle>; ListHeaderComponent?: React.ComponentType<any> | React.ReactEle
浏览 2
提问于2021-07-21
得票数 2
回答已采纳
1
回答
Algolia和React原生FlatList ListHeaderComponent
、
、
如果你把一个Algolia连接组件放在一个FlatList的头中,它就像进入了一个无限的查询循环。connectInfiniteHits持续运行。 如果你喜欢在点击列表的标题中添加一些简单的过滤器,这真的很烦人。 我的设置如下: 我有一个由connectInfiniteHits HOC封装的FlatList。ListHeaderComponent包含一个由connectRefinementList HOC封装的组件。connectSearchBox HOC也会出现同样的问题。 有没有人看到这一点并找到了解决方案?
浏览 20
提问于2019-03-21
得票数 1
1
回答
如何单独设置React原生FlatList数据的样式?
、
、
、
、
我有一个标准的React Native FlatList组件需要样式化。我也有一个ListHeaderComponent,它应该有自己的独立样式。 我的问题是,我需要在不影响ListHeaderComponent的情况下设置FlatList的data部分的样式。 如果可能的话,我希望避免“老生常谈”的解决方案。我已经看过FlatList documentation,没有任何道具可以实现这一点。 下面是一些代码以供参考 <FlatList data={DATA} renderItem={renderItem} keyExtractor={(item) => item.i
浏览 15
提问于2020-10-29
得票数 1
1
回答
如何使用map来获取JSON数据对象,而不是使用FlatList。ScrollView不在FlatList中工作
、
、
、
、
这里有一个错误-- VirtualizedLists不应该嵌套在具有相同方向的普通ScrollViews中,因为它可以破坏窗口和其他功能--而是使用另一个VirtualizedList支持的容器。请检查下面的代码。 我的主要问题是我想在页面上滚动我的所有数据,但是图像没有滚动,因为它不在FlatList中。 如果我使用Flatlist,那么如何在页面上滚动我的所有数据? 如果我不能使用Flatlist滚动我的所有页面数据,那么如何滚动和映射json数据。提前感谢您的支持。 import React, { useEffect, useState, useContext, } from '
浏览 10
提问于2022-08-14
得票数 0
回答已采纳
6
回答
使用FlatList在屏幕中心使用ListHeaderComponent显示列表空消息
、
我使用的是React原生版本0.43.0,它不支持ListEmptyComponent of FlatList。因此,当列表为空时,我使用ListHeaderComponent来呈现视图, import React, { Component } from 'react'; import { Text, View, StyleSheet,FlatList } from 'react-native'; class App extends Component { constructor(props) { super(props); this.st
浏览 8
提问于2017-12-04
得票数 33
1
回答
React本机FlatList ListHeaderComponent忽略shouldComponentUpdate
、
在React-本机中,使用带有FlatList的ListHeaderComponent可以让我相信ListHeaderComponent中的shouldComponenupdate函数(尽管已经执行)被忽略了。尽管我在shouldComponentUpdate中返回false,但我的组件总是更改程序。我怎样才能阻止ListHeaderComponent重新复制呢? <Card> <FlatList data={comments} ListHeaderComponent={() => <PostHeader navigation
浏览 3
提问于2017-09-06
得票数 3
2
回答
React-Native: createRefCannot添加属性值,对象不可扩展
、
我刚刚开始使用React-Native和TypeScript: export default class List extends PureComponent<Props, object> { private flatListRef: React.RefObject<FlatList<any>>; constructor(props) { super(props); this.flatListRef = React.createRef<FlatList<any>>(); } render
浏览 26
提问于2019-03-19
得票数 1
回答已采纳
2
回答
VirtualizedLists永远不应嵌套错误
我正在使用React Native构建一个移动应用程序,其中一个页面中有一个ScrollView。 问题是我在这个页面中有一个FlatList,所以当我转到那个页面时,我得到了这样的错误:问题是,我将ScrollView nestedScrollEnabled设置为true,我还将FlatList's scrollEnabled设置为false,因为我并不真正需要那里的滚动条(我使用它来呈现来自枚举的项),所以我认为这应该可以修复错误,但错误仍然存在。 它看起来是这样的: <ScrollView showsVerticalScrollIndicator={false} neste
浏览 2
提问于2021-06-21
得票数 0
2
回答
SearchBar in FlatList在输入后失去焦点
、
我正在通过SearchBar支柱在FlastList中使用ListHeaderComponent组件,并根据搜索值过滤条目列表。问题是在输入一个字符后,搜索栏失去焦点(键盘被移除)--几乎就像组件重新呈现一样?我在这里错过了什么? 我使用的是Android,如果我将SearchBar移到FlatList之外,问题就不会发生。 import React from 'react' import {FlatList, View} from 'react-native' import { ListItem, SearchBar } from 'react-nat
浏览 5
提问于2020-03-10
得票数 8
回答已采纳
3
回答
是否将React Native的FlatList项的容器与页眉/页脚分开?
我有一个使用ListHeaderComponent和ListFooterComponent的FlatList。 有没有一种方法可以在容器中设置项目(来自data属性)的样式,但不包括页眉和页脚? import React from "react"; import { View, Text, FlatList } from "react-native"; const exampleData = [...Array(20)].map((d, index) => ({ key: `item-${index}`, label: index, bac
浏览 0
提问于2020-05-01
得票数 5
1
回答
VirtualizedLists永远不应该嵌套在具有相同方向的普通ScrollViews中
我正在使用React Native构建一个移动应用程序,其中一个页面中有一个ScrollView。 问题是我在这个页面中有一个FlatList,所以当我转到那个页面时,我得到了这样的错误:问题是,我将ScrollView nestedScrollEnabled设置为true,我还将FlatList's scrollEnabled设置为false,因为我并不真正需要那里的滚动条(我使用它来呈现来自枚举的项),所以我认为这应该可以修复错误,但错误仍然存在。 它看起来是这样的: <ScrollView showsVerticalScrollIndicator={false} neste
浏览 3
提问于2021-06-22
得票数 1
2
回答
如何修复此警告: VirtualizedLists不应嵌套在具有相同方向的普通ScrollViews中
、
、
、
当我在FlatList内部使用ScrollView组件时,我会看到一个警告: VirtualizedLists不应该嵌套在具有相同方向的普通ScrollViews中--使用另一个VirtualizedList支持的容器。 在FlatList之前和之后,我使用了许多其他组件,我的屏幕很长。 我试图用SafeAreaView包装内容,但这对我没有帮助,因为在本例中,我无法滚动内容。我还尝试在ListHeaderComponent={SafeAreaView}和ListFooterComponent={SafeAreaView}中使用<FlatList>。 我用: “反应”:"
浏览 6
提问于2019-12-16
得票数 3
1
回答
如何加快本机应用程序的启动时间
、
我正在开发的新闻应用程序使用的是react本机,我的问题是应用程序的启动或启动时间很慢(在主屏幕显示之前),我希望您能给我建议,改进speed.It需要3到4秒左右的时间才能在我的手机上开始加载。 我的package.json是这样的: { "name": "tageblattapp", "version": "0.0.1", "private": true, "scripts": { "android": "react-native run-andr
浏览 2
提问于2020-05-01
得票数 1
回答已采纳
1
回答
如何在react原生中实现多个可滚动粘性头部
、
、
、
请看下面的video我正在努力实现,我有一个屏幕与数据和其他项目的多个平面列表,我希望每个标题坚持通过用户滚动通过不同的部分。我试过使用React Native flatlist附带的stickyheaders道具,但这只适用于一个flatlist,我正在寻找一个能处理多个粘性标题的解决方案。 谢谢
浏览 24
提问于2021-04-20
得票数 1
回答已采纳
1
回答
创建可搜索平面列表时,未定义的命中不是对象(this.state.text)
、
我正在尝试创建一个搜索栏来过滤扁平列表的数据。在下面的代码中,我创建了一个姓名列表,并将该姓名列表传递给flatlist。然后,我想把来自搜索栏的输入传递给searchFilterFunction来过滤数据。问题是当我进入页面时,我遇到了错误“未定义不是一个对象(评估this.state.text)。我想知道这种情况的原因和解决方案。 const DATA = [ { name: 'Name 1', }, { name: 'Name 2', }, { name: 'Name 3
浏览 8
提问于2020-01-07
得票数 0
3
回答
未定义不是对象(计算'_this2.props.navigation.navigate')
、
当标题被单击时,我希望它导航到下一页。但是,我不知道如何访问类之外的导航道具。对怎么做有什么建议吗? import React,{Component} from 'react' import { View, Text, TouchableOpacity, FlatList} from 'react-native' class header extends Component { render(){ return( <TouchableOpacity onPress={() => **this.prop
浏览 3
提问于2017-05-17
得票数 0
回答已采纳
1
回答
状态更改时不呈现React本机平面列表ListHeaderComponent
、
我和ListHeaderComponent有一个平面列表。当状态更新时,ListHeaderComponent不会更新。任何建议都会很有帮助。 <Animated.FlatList data={this.props.store.homeStore.formattedEspeciallyProducts} contentContainerStyle={styles.flatList} ref={(ref) => this.flatList = re
浏览 33
提问于2020-06-15
得票数 0
1
回答
React Native将固定组件放在平面列表的顶部
、
如上所示,我想要创建这个由两部分组成的屏幕,在这里提供的第一个视图中,我可以单击A组件和B组件。当用户滚动B组件时,它可能占据整个屏幕并在A组件上移动。(零部件不随FlatList一起移动)。 我刚接触react native,想知道如何创建这样的行为?我尝试在FlatList中使用绝对定位和ListHeaderComponent,但没有真正得到任何结果。如果有人有主意,请告诉我。 谢谢!
浏览 1
提问于2017-07-12
得票数 1
1
回答
ListHeaderComponent接收对象,预期为字符串或类/函数
、
、
我试图使用一个FlatList支柱来呈现一个ListHeaderComponent组件,但是当我添加ListHeaderComponent时,FlatList就会显示出以下错误。 下面是Discover的render()函数: render() { renderFlatListItem = (event) => { return ( <Event description={event.Description} startTime={event.StartTimeToString} Location={ev
浏览 0
提问于2017-06-07
得票数 1
回答已采纳
1
回答
React组件不对mobx可观测数据作出反应。
、
、
、
我正在使用mobX作为我的react本机项目。请考虑这类商店: class Birds { @observable listOne = []; @observable fetchingListOne = false; @observable fetchErrorOne = ''; @action setListOne = () => { this.fetchingListOne = true; api.getList() .then((data) => {
浏览 0
提问于2017-08-14
得票数 4
2
回答
不确定如何将此FlatList从屏幕上的默认显示中删除
、
、
、
目前,这个- ? 是SearchBar和FlatList在屏幕上的显示方式。单击SearchBar并键入其中一个列表组件后,它将显示以下内容- ? 道路。我希望仅当我单击SearchBar时才显示FlatList。我如何在应用中实现这一点?下拉搜索栏之类的东西。 import React from 'react'; import { View, Text, FlatList, ActivityIndicator, StyleSheet } from 'react-native'; import { SearchBar } from 'react-nat
浏览 9
提问于2020-10-27
得票数 2
回答已采纳
4
回答
无法在React Natvie中显示其他组件
、
、
我在应用程序主页中有<flatlist />组件,我试图在它上面放置一个<Image />,但它不是displayed.It,在我的情况下,React Native只显示了最后一个组件。我已经测试了它,将<Image />放在<flatlist />之后,图像显示没有问题,但正如我告诉flatlist消失了,因为那不是主页函数类中的最后一个组件,所以这是我的主页代码 import React from 'react'; import {StyleSheet,View,Text,Image,FlatList} from '
浏览 18
提问于2021-04-14
得票数 1
回答已采纳
2
回答
如何滚动呈现两个flatLists的整个屏幕?
、
、
我在一个flatLists中嵌套了两个scrollView,所以我能够滚动我的整个页面。但是,我知道出于多种原因,您不应该将flatLists嵌套在scrollViews中。 如何在仍然能够滚动整个页面的同时呈现两个flatLists ?flatLists在文章底部的是我想要的行为。 我创建了一个,并在下面提供了一些示例代码。 export default function App() { return ( <View style={{ alignItems: 'center', marginTop: 100, flex: 1}}> &
浏览 18
提问于2022-12-01
得票数 1
回答已采纳
1
回答
React本机嵌套ListView在加载时多次触发onEndReached
、
、
、
代码如下: <ScrollView> { tree.myPoiComments.CommentInfo && tree.myPoiComments.CommentInfo.length>0 && <FlatList data={tree.myPoiComments.CommentInfo} keyExtractor = {(item, index) => item.CommentId} ListHeaderComponen
浏览 5
提问于2018-02-23
得票数 5
1
回答
防止共享ListHeaderComponent的重新呈现
、
我正在开发一个社交媒体应用程序,其中我有一个容器组件,其结构如下 <MyContainer> <SelectionBar/> {condition? <FlatListA header={header}/> : <FlatListB header={header}/>} <MyContainer/> 选择栏中有一些按钮,这些按钮可以确定为这个问题显示哪个FlatList,比如消息FlatList vs posts。 这两个FlatLists具有不同的侦听器和数据,因此它们需要成为自己的组件,但是它们共享相同的ListHea
浏览 3
提问于2021-03-31
得票数 0
1
回答
第二个平面列表与第一个平面列表重叠
、
我用ScrollView写了一段代码,其中我必须显示两个view组件: <ScrollView scrollEnabled={this.state.scrollEnable} ref={ref => this.scrollView = ref} onContentSizeChange={(contentWidth, contentHeight) => { this.scrollView.scrollToEnd({ animated: true }); }} > <View pointerE
浏览 5
提问于2019-03-20
得票数 2
回答已采纳
2
回答
How to scrollTo Flatlist ListHeaderComponent top?
、
我和ListHeaderComponent有一个平面列表。ListHeaderComponent的内容有点大。我想在屏幕上滚动。如何使用Flatlist实现?任何帮助都将不胜感激。
浏览 0
提问于2020-07-08
得票数 0
2
回答
如何在通过数据库获取数据的<Text>之前添加FlatList
我从有客户端详细信息的数据库中获取数据,然后列出客户的属性和每个属性的信息。我可以让FlatList显示属性列表,但我想要显示的是客户端详细信息等,然后是FlatList显示属性详细信息。如何从数组中提取客户端详细信息并首先显示它,然后显示属性的详细信息。 数组是这样的 {'id':"90",'clientname':"Client Name",'balance':"10000",{'propid':‘80’,propname:'Property Name',‘租房’
浏览 2
提问于2019-10-27
得票数 0
1
回答
将平面表数据显示到平面表属性
、
我在将我的平面列表数据传递给我的平面列表道具'ListHeaderComponent‘时遇到了一个问题。下面是我的代码: <FlatList ListHeaderComponent={ <View> <Text>{}</Text> </View> } data={displayedPhoto} keyExtractor=
浏览 5
提问于2021-03-11
得票数 0
回答已采纳
1
回答
在静态navigationOptions中使用React本机使用this.props
、
、
、
、
这是我的主题组件: /* Imports */ import React from 'react'; import { View, Text, FlatList, TouchableOpacity } from 'react-native'; import { withTheme} from '@app/theme/themeProvider'; import { AntDesign } from '@app/utils/Icons'; import { custom } from '@app/styles/config&
浏览 5
提问于2019-10-22
得票数 1
回答已采纳
1
回答
FlatList之前的元素是固定在页面上的,不使用FlatList滚动
、
、
、
在平面列表之前我有一个平面列表元素和另一个元素。当我向上滚动时,平面列表之前的元素不会上升,并且是固定的。当虚假列表被滚动时,有什么方法让它上升吗? 示例: render() { return ( <View style={styles.container}> <View>THIS ELEMENT BEFORE CONTAINER STAYS FIXED WHEN SCROLLING FLATLIST</View> <FlatList data={this.props.data} extraDat
浏览 3
提问于2017-12-09
得票数 3
回答已采纳
1
回答
为什么当我选择一个项目时FlatList会滚动到顶部
、
、
我有一个包含TouchableOpacity项目的FlatList。当我尝试选择一个项目时,列表滚动到顶部。 这是Collapsible内容; const setBrandSelected = index => { var temp = JSON.parse(JSON.stringify(tempFilterOptions)); temp[0].enums[index].selected = !temp[0].enums[index].selected; setTempFilterOptions(temp); }; const Filte
浏览 1
提问于2021-10-25
得票数 1
1
回答
如何防止FlatList项目在粘性ListHeaderComponent下滚动
我有一个带有ListHeaderComponent的FlatList,它是一个水平滚动中的多个按钮。我已经将这些按钮设置为粘性的,以便在滚动时保持在顶部,但是当我向上滚动时,有没有办法防止滚动的项目显示在按钮下面?我曾尝试向ListHeaderComponentStyle添加marginBottom,但不起作用。我想让这些项目在ListHeaderComponent下面开始消失,我该怎么做? <FlatList style={{marginTop: 50}} data={data} ListHeaderComponent={
浏览 1
提问于2021-10-22
得票数 0
1
回答
FlatList隐藏在大的内容之后
、
使用ResiveNative0.64,我想显示一个图像,后面跟着评论,就像instagram一样。 以下是我所做的简化工作(图像的样式和注释都管理得很好,我不把代码放在不污染问题的地方): import { Image, FlatList, View } from 'react-native' const Post = () => { ... return ( <View> <Image ... /> <FlatList data={comments.filter(ite
浏览 3
提问于2021-05-21
得票数 1
回答已采纳
3
回答
如何使ListHeaderComponent的一部分在反应本机FlatList上粘着
、
、
我有一个带有2个内部文本的FlatList和一个ListHeaderComponent。结构如下: sticky header 节1-非粘性第2节 列表项 这意味着当列表滚动时,第1部分应该消失(非粘性的),而第2部分应该保持在列表的顶部(粘性)。 这是代码: <FlatList data={ items } renderItem={ renderItem } ListHeaderComponent={ <View> <Text>Section 1</Text> <Text>Sect
浏览 14
提问于2021-06-15
得票数 4
1
回答
Algolia Instantsearch -在react应用程序中显示真实的html内容
、
、
、
我在react中配置了一个带有algolia搜索的演示应用程序。我在algolia中索引了一些索引。内容是原始的html。有没有可能用algolia在真正的html中呈现这个内容?
浏览 7
提问于2020-08-21
得票数 0
1
回答
作为属性传递的react本机组件不能访问属性吗?
在我的理解中,React原生组件有两种呈现方式 ·在parents标记内传递 ·以家长身份通过(?)道具 例如,我有一个FlatList组件 <FlatList ListHeaderComponent={MiddleRightLabelComponent} ItemSeparatorComponent={SeparatorComponent} data={this.state.dataSource} keyExtractor={item => item.title} // renderItem={({ item }) =&
浏览 0
提问于2017-05-02
得票数 0
2
回答
React本机FlatList水平模式根本不起作用
、
、
、
我正在使用React Native 0.44.0,并且我正在尝试使用卡片式布局来制作一个水平FlatList。无论出于什么原因,无论我做什么,我都不能激活水平模式。它似乎总是垂直渲染... 下面是我使用的代码: <FlatList horizontal={true} data={this.state.newsFeed} refreshing={this.state.refreshing} ref={ref => { this.newsFeedListRef = ref; }} renderItem={this.ren
浏览 8
提问于2017-08-20
得票数 11
回答已采纳
2
回答
为什么我的react-native SearchBar中的文本没有更新?
、
、
当我键入时,搜索栏中什么也没有显示,但它知道我正在键入(从我的updateSearch函数中的print语句)。根据我对react原生searchBar的理解,我甚至不需要做任何事情就可以在那里显示文本,所以我真的不知道我是如何搞砸的。这是一个更大项目的一部分..但我祈祷这个问题和其他事情没有任何关系。 import React, { Component } from "react"; import { View, Text, FlatList, ActivityIndicator, SafeAreaView, StyleSheet } from
浏览 15
提问于2019-11-27
得票数 2
1
回答
状态更改时,ListHeaderComponent不会重新呈现
、
我在ListHeaderComponent中使用FlatList。 <FlatList data={this.state[this.feeds].edges} renderItem={this.renderItem} keyExtractor={this.keyExtractor} onEndReached={this.onFetchFeeds} onRefresh={this.onRefresh} refreshing={this.state.isRefreshing} Li
浏览 9
提问于2019-08-02
得票数 0
回答已采纳
2
回答
如何解决此问题?undefined不是对象(计算“navigation.navigate”)
我应该在哪里添加导航?在函数Get Header和Render项不工作,并且不能移动到下一个屏幕,在堆栈导航器中一切正常,问题正如我在平面列表中所认为的那样,必须分类错误 如何解决此问题?undefined不是对象(计算“navigation.navigate”) 或 无法找到变量:导航 从React导入react;从react- FlatList导入{ View,Text,StyleSheet }; const DATA = [ { id: '1', day: '28' }, { id: '1', day: '28
浏览 28
提问于2021-03-08
得票数 0
1
回答
获取API时React Native应用程序冻结
、
、
、
嗨,我有一个很常见的问题,在抓取API时反应本机应用程序冻结,就像当你抓取API的时候,你不能点击或做任何事情,直到你的抓取结束。 这是我的代码,我在其中调用获取APi的函数 import React, { useEffect, useState } from "react"; import { StyleSheet, View, FlatList } from "react-native"; // Api`s import { topCategory } from "../../api/appModels/category"; import
浏览 0
提问于2021-05-05
得票数 0
2
回答
为什么我不能输入react-native SearchBar?
、
、
当我键入时,搜索栏中什么也没有显示,但它知道我正在键入(从我的updateSearch函数中的print语句)。根据我对react原生searchBar的理解,我甚至不需要做任何事情就可以在那里显示文本,所以我真的不知道我是如何搞砸的。这是一个更大项目的一部分..但我祈祷这个问题和其他事情没有任何关系。 import React, { Component } from "react"; import { View, Text, FlatList, ActivityIndicator, SafeAreaView, StyleSheet } from
浏览 9
提问于2019-11-28
得票数 1
1
回答
无限滚动FlatList标头
、
、
、
在我的react原生应用程序中,我使用了两个cocktailDB应用程序接口的端点: -饮料类别 -饮料列表 我做了一个FlatList,onEndReached()更改了页码,并调用了一个API来获取后续类别的饮料。饮料被添加到drinksList数组中,以便来自上一个API调用的数据保持在顶部。 <FlatList keyExtractor={(item) => item.idDrink.toString()} data={drinksList} onEndReached={() => {
浏览 10
提问于2020-05-06
得票数 0
回答已采纳
1
回答
我无法写入react本机平面列表中的输入
、
、
、
、
我正在尝试学习React Native。我有一个例子,但在FlatList中有一个问题。我在页脚组件中有一个TextInput。没有错误,但当我尝试写入输入字段时,keybord不能停留。它只是出现,然后消失。我如何解决这个问题?下面是我的代码: import React, { useRef, useState } from "react"; import { Text, View, ActivityIndicator, Image, Button, Alert, TouchableOpacity, TextIn
浏览 23
提问于2021-07-22
得票数 0
1
回答
平面列表不显示在其他组件中
、
、
平面列表不会在react本机中显示。我想将信息传递给另一个组件,我正在使用flatList渲染,但是屏幕上什么都没有出现,我没有得到错误...是将接收信息的另一个组件。 我的flatList: return ( <View style={styles.container}> <FlatList numColumns={2} data={DATA} renderItem={({item}) => {<Item {...item} />}} keyExtractor={(i
浏览 8
提问于2021-01-26
得票数 0
回答已采纳
2
回答
FlatList搜索栏不持久化键盘响应本机
我正在从API中获取数据,并在FlatList中实现搜索,但是键盘在每次按下键后都会自动关闭。我指的是,但是在一个功能组件中实现它。 const renderHeader = () => { return <SearchBar placeholder="Type Here..." lightTheme round onChangeText={text => searchFilterFunction(text)} value={value} a
浏览 2
提问于2020-06-02
得票数 1
回答已采纳
2
回答
如何在ReactiveNative中使用可滚动的FlatList制作屏幕?
、
、
、
、
我的一个屏幕上有一个FlatList,但它还提供了一个必须保持在页面顶部的TextInput。TextInput确定呈现哪个其他组件,如果它是空的,它是一个类别页面,但是如果它被任何文本填充,则是搜索结果。我现在的问题是,我的TextInput在主FlatList之外,这使得它即使在滚动列表时也会位于屏幕的顶端。我希望它保持在页面的顶部,而不是跟随卷轴。 如果我将TextInput放入其中一个FlatLists中,则会导致另一个FlatLists由于呈现单独的组件而没有它。但是如果我把它放在两个FlatLists中,就会创建一个bug,在输入第一个字符之后,TextInput将退出编辑模式,因
浏览 10
提问于2022-05-31
得票数 1
1
回答
我的FlatList中有一个页眉组件,如何使第一项与页眉的底部重叠?
在我公司当前的用户故事中,我需要构建一个位于列表顶部的组件,该组件是FlatList的头。我需要让第一个项目,而不是标题,留在标题的顶部,但标题上有文本,所以文本也应该是可见的。 我在ScrollView中使用了一个FlatList:-ScrollView- HeaderComponent - FlatList 它工作得很好,问题是雇用我的公司不喜欢这样。 当使用ScrollView时,我也使用了绝对位置,并使marginTop -80。 我使用的是FlatList属性: ListHeaderComponent/ListHeaderComponentStyle const conci
浏览 12
提问于2019-06-21
得票数 2
回答已采纳
1
回答
如何在FLatList react native中实现Sraech bar
、
、
、
我正在尝试在FlatList中添加搜索栏,这里是从API中获取数据并填充到FlatList中,但我必须过滤该列表,因为它可能包含许多数据。所以请帮帮我。我已经尝试了几个例子,但得到了错误,所以有时什么都没有发生.Please查看并帮助 import React, { Component } from 'react'; import { View, Text, TextInput, FooterTab,Button,TouchableOpacity, ScrollView, StyleSheet, ActivityIndicator ,Head
浏览 6
提问于2019-02-25
得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
极速编程 native-react(1)
Web前端:如何提高React原生应用性能
极速编程 native-react
React Native 已死?
Shopify将移动开发转向React Native,性能提升翻倍、超95%跨平台代码共享
热门
标签
更多标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
活动推荐
运营活动
广告
关闭
领券