如何在获取数据上添加分页反应原生

Question

我正在使用react-native创建移动应用。我从url获取数据并使用Actions.product（responseJson）发布到产品页面; 用于在主页上获取数据的代码： -

 handlePressProduct(id) {
    var url =
        "http://www.furnitureinfashion.net/menu_category_listing.php?cat_id=";
    fetch(url + id, {
        method: "GET"
    })
        .then(response => {
            return response.json();
        })
        .then(responseJson => {
            Actions.product({ data: responseJson });
        });
}

在prodcut页面上，我得到的数据如下： -

  <View style={productStyle.products}>
            {this.props.data.map(dataImage => (
                <TouchableOpacity
                    onPress={this.handlePressProduct.bind(
                        this,
                        dataImage["cPath"]
                    )}
                >
                    <View
                        key={dataImage["CategoryId"]}
                        style={productStyle.homeimg1}
                    >
                        <Image
                            source={{ uri: uri + dataImage["Image"] }}
                            style={{ width: 130, height: 130 }}
                        />
                        <Text style={productStyle.title}>
                            {" "}
                            {dataImage["Name"]}
                        </Text>
                        <Text style={productStyle.shopbutton}>
                            SHOP NOW
                        </Text>
                    </View>
                </TouchableOpacity>
            ))}
        </View>

我提取的数据太大了。我想在其中添加分页。我该如何添加分页？