React 本机图表套件导出为 pdf

Question

有没有办法在 React Native 中将图表导出为 pdf？或者我需要在 html 中创建它们并使用 html-to-pdf 库来创建 pdf？

图表：

                            data={{
                                labels: ['Constipate', 'Normal', 'Diarrhea'],
                                datasets: [
                                    {
                                        data: [stoolBarChartData.constip, stoolBarChartData.normal, stoolBarChartData.diarrhea]
                                    }
                                ]
                            }}
                            fromZero
                            width={Dimensions.get("window").width - 40}
                            height={350}
                            showValuesOnTopOfBars={true}
                            withInnerLines={false}
                            withHorizontalLabels={false}
                            chartConfig={{
                                barPercentage: 1,
                                backgroundColor: "#0000",
                                backgroundGradientFrom: "white",
                                backgroundGradientTo: "white",
                                decimalPlaces: 0,
                                color: (opacity = 1) => `rgba(47, 80, 31, ${opacity})`,
                                labelColor: (opacity = 1) => `rgba(47, 80, 31, ${opacity})`,
                                style: {
                                    borderRadius: 16
                                },
                            }}

                            style={{
                                marginVertical: 8,
                                borderRadius: 16,
                                margin: 20,
                            }}
                        /> ```

Answer 1

我找到的唯一方法是渲染 off-screen 我的图表，然后使用 react-native-view-shot 对其进行快照，然后使用 react-native-html-to-pdf 将它们添加到 pdf。