react-native相关内容

React Native ListView不会重新呈现大数据

如果列表具有较大的数据源,则在调用this.setState之后,React Native ListView将不会重新渲染其行,即如果我的行数很少(1到9),则一切正常,但是如果我添加更多的数据,则re -渲染不会发生. 关于此主题也有类似的帖子,但是我找不到能解决此问题的任何帖子. 这是一些简化的示例代码: render() { return ( ..
发布时间:2020-05-02 10:24:30 其他开发

具有动态对象问题的ListView

我正在重写此问题,希望可以解决此问题. 我相信我的总体问题是我对状态的了解和对状态的更新缺乏. 我的总体目标是让自己添加英语和日语单词,然后能够以很棒的样式在列表视图中查看它们.我的IninitialState看起来像这样: const ds = new ListView.DataSource({rowHasChanged: (r1, r2) => r1 !== r2}); ..
发布时间:2020-05-02 10:16:51 其他开发

React-Native FlatList不使用自定义renderItem重新渲染

我有一个FlatList可以在使用普通的旧标记时按预期工作,但是当在renderItem中使用自定义组件时,在更改this.state.dayOfYear时FlatList将不会重新呈现.在应用程序加载时,当我设置this.state.dayOfYear时,它会正确加载.但是,当我再次更改状态时,它不会更改FlatList. 平面列表代码 ..

Realm React-Native ListView中链接对象的属性返回undefined(错误:undefined不是对象)

我试图通过父对象访问链接对象的属性,但是我只能返回未定义状态. 这是ListView的renderRow方法/prop中的代码(我正在使用Realm ListView).在android上,尚未测试iOS. 获取链接的对象本身似乎工作正常.这里是一些(修剪过的)代码上下文: // Schemas being used to create realm (trimmed down to rele ..
发布时间:2020-05-02 10:08:42 其他开发

如何使ListView上的滑动功能(本机)?

我有物品清单.我正在使用 ListView ,并且我需要能够删除通过向左或向右滑动,任意行. 我可以从这里开始吗? 解决方案 如果愿意,请按照否则,这是我的SwipeList和SwipeListRow组件.我部分使用我的库 Cairn 进行样式设置,但如果您愿意的话,应该可以轻松地将其翻译成普通的React样式表为此: SwipeList.js import React ..
发布时间:2020-05-02 10:03:32 前端开发

onEndReachedThreshold在react-native中实际上意味着什么

来自文档: onEndReachedThreshold编号 调用onEndReached的阈值(虚拟,不是物理). 所以我只想知道它是什么意思,它是从顶部开始的阈值,还是从底部开始的阈值. 从顶部开始? -如果我将onEndReachedThreshold = {10}设置为一个值,那么当我滚动到10像素或其他像素时,是否会立即调用我的onEndReached. 从底部开始 ..
发布时间:2020-05-02 09:58:03 移动开发

您试图在一个不可变且已冻结的对象上设置密钥

在以下示例中: MapView将ListView的元素显示为注释 单击在ListView元素上应导致将其绘制为蓝色颜色. 如果MapView和ListView有效使用状态对象 修改active属性时,修改ListView的DataSource似乎引起冲突: 您尝试将密钥"active"设置为值"false" 本来是不可变的并且已被冻结的对象. 设置状态的正确方法是什么? ..
发布时间:2020-05-02 09:58:01 其他开发

我如何在React Native ListView中将项目居中?

我正在尝试在选定水平居中的情况下将其居中放置在水平listView中.我当前的策略是首先测量项目,然后滚动到视图中引用项目的x坐标. 当前,每当我按下项目ListView时,滚动到最底端的x: 538 在保持代码无状态/正常运行的情况下,是否有更简单的方法来实现此目的? const ItemScroll = (props) => { const createItem = ( ..

反应本机FlatList与ListView

“改为使用新的FlatList或SectionList组件.除了简化API外,新的list组件还具有显着的性能增强,主要是几乎恒定的任何数量行的内存使用." 这在React Native的官方文档中有所说明.但是,无论我多么努力,在向下滚动时,FlatList内存的使用只会使天空飞速上升.与使用较少内存的ListView组件相比. 解决方案 TLDR 创建在renderItem ..
发布时间:2020-05-02 09:57:44 其他开发

React Native ListView:前置项

是否可以在onTopReached事件上将项目添加到React Native的ListView中,就像在onEndReached事件中添加项目一样?目前,当我在列表前添加行时,ListView会滚动到顶部. 用例:我有一个带有供稿的应用程序,用户可以向下滚动.当导航离开提要,然后返回到提要时,我想在顶部显示最后看到的行.然后,用户应该可以向上滚动以查看她/他滚动过去的行,当然也可以向下滚动以 ..
发布时间:2020-05-02 09:56:29 其他开发

React Native + Redux应用程序中ListView的性能

我有一个 ListView , ,显然会渲染一些项目的列表.之前,我使用的是没有Redux的React Native,所以当我的基础数据发生变化时,我先调用setState(),先修改数据,然后再修改dataSource = dataSource.cloneWithRows(itemsData);,并且性能相当好:如果仅更改了数据,则重新渲染每一行(即,如果我的rowHasChanged()返回该 ..
发布时间:2020-05-02 09:56:27 其他开发

React Native-打开键盘时在ListView上选择行

我正在构建一个具有本机视图的React Native应用程序,该视图包含TextInput和ListView. 它的工作方式是当TextInput获得焦点时-键盘将打开,用户可以在ListView中过滤数据. 期望的功能是,如果用户轻击/选择列表视图中的行,则应检测到轻击并调用方法. 问题: 打开键盘后,点击列表视图将关闭键盘,并且该行将检测到第二次点击(tap事件不会传播到ListV ..
发布时间:2020-05-02 09:51:49 移动开发

开始滚动时,使TouchableOpacity不突出显示元素[React Native]

TouchableOpacity使事情变得可触摸,或如React Native所说: 用于使视图正确响应触摸的包装器. 但是当我们(或至少是我)不想要它时,在ScrollView或ListView内部使用它会导致突出显示. 向下滚动填充元素的ListView涉及以下三个步骤: 触摸元素 向上移动手指 松开手指 触摸该元素会立即生成一个高光动画.但是在这种情况下,我 ..
发布时间:2020-05-02 09:49:02 其他开发

React Native-剪贴板中更改的侦听器

有没有一种方法可以为React Native中的剪贴板数据更改添加侦听器? 基本上取决于用户是否已在剪贴板中复制了某些内容,无论是在应用程序内部还是在后台应用程序,我都想执行一些方法. 解决方案 React native无法为您提供侦听此类事件的方法,但是您有两种方法:一种可以部分工作,但非常简单,而另一种则可以.将按原样编写并按部就班地工作,但也需要更多的努力. 您可以使用setI ..
发布时间:2020-05-02 09:35:07 前端开发

React-Native Listview,按行并更改该行样式

我有水平列表视图,我想按行并更改行样式. (选中的行:更改样式行,未选中的行:更改为默认样式).我在它的行上使用可触摸的高光.有什么建议吗?我已经尝试搜寻约3天了.但我仍然赶不上它.谢谢你. class MatchSchedule extends Component { constructor(props) { super(props); const ds = new Li ..
发布时间:2020-05-02 08:42:09 其他开发

React Native:构建一个“从列表中选择项目"成分

我想在屏幕内建立一个“选择器菜单".我认为时间选择器弹出组件使用起来不够流畅,因为它们需要额外的点击,而不仅仅是拖动到所需的元素上. 该组件应返回所选值 +更改所选值的颜色.我想到了ListView/ScrollView,但找不到找到工作的方法. 以下:一个精美的gimp图形,用于显示目标,将Android时间选择器放置在屏幕内作为视觉示例. 这就是它的样子 任何想法从哪里 ..
发布时间:2020-05-02 08:25:30 其他开发