如何立即取消续订?

时间:2019-06-20 11:12:31

标签: javascript reactjs typescript react-native

我正在开发React Native上的应用程序。我创建了通知组件。我创建了两个未读和已读选项卡。单击通知将立即在API上读取。当我输入FlatList并且只有一项时,OnEndReachedThreshold会自动工作。不想要这个。如果数据大于10,让它起作用。希望您理解。我的英语不好,抱歉。

示例代码行

    <FlatList
        data={notifyReadData}
        renderItem={({item}) =>
            <ListItem                                    
                title={item.userName}
                subtitle={Moment(item.createdAt, 'YYYY-MM-DD HH:mm:ss', true).add(3, 'hour').format("DD.MM.YYYY HH:mm")}
                leftIcon={<Icon
                    name='bell-o'
                    size={24}
                    color='black'
                />}
                bottomDivider={true}
            />
        }
        keyExtractor={this.keyExtractor}
        refreshing={isRefreshing}
        onRefresh={this.handleRefresh}
        onEndReached={this.handleLoadMore}
        onEndReachedThreshold={0.01}
    />

1 个答案:

答案 0 :(得分:0)

目前在RN中这是很常见的问题。有一些解决方案,如果您谷歌。一种是使用onMomentumScrollBegin

<FlatList
    data={notifyReadData}
    renderItem={({item}) =>
        <ListItem                                    
            title={item.userName}
            subtitle={Moment(item.createdAt, 'YYYY-MM-DD HH:mm:ss', true).add(3, 'hour').format("DD.MM.YYYY HH:mm")}
            leftIcon={<Icon
                name='bell-o'
                size={24}
                color='black'
            />}
            bottomDivider={true}
        />
    }
    keyExtractor={this.keyExtractor}
    refreshing={isRefreshing}
    onRefresh={this.handleRefresh}
    onEndReached={this.state.scrolled && this.handleLoadMore()}
    onEndReachedThreshold={0.01}
    onMomentumScrollBegin={this.setState({scrolled: true})
/>

另一个是您自己实现onScroll。