在Xamarin表单中向上/向下滑动时，如何一页一页地显示列表的每个记录

问题描述

我有很多记录的清单，我想将每条记录显示在一页上。 我想要的是，当我们从页面底部向上滑动时，列表中的下一条记录应显示为动画。同样，当我们从页面顶部向下滑动时，列表中的上一条记录应显示为动画。

我不知道该如何实现。希望有更好的解决方案

解决方法

具有方向和捕捉点的Caraousel视图应该可以为您提供理想的结果

import React from 'react';
import ReactDOM from 'react-dom';
import InputRange from 'react-input-range';

export default class RangeSlider extends Component {

    constructor(props) {
        super(props);
        this.state = {
            value: { min: 2,max: 10 },disabled: false
        };
    }
render() {

        return (
            <InputRange
                maxValue={20}
                minValue={0}
                value={this.state.value}
                onChange={value => this.setState({ value })}
            />
        );
    }
    }