具有react-swipeable-views的导航参数页面视图

Question

我有一个显示练习列表的页面，当您单击每个名称时，它会显示一个描述，您可以记录您的练习。转到每个页面是通过传递导航参数来完成的。

在所有的react-swipeable-views演示中，它显示了在该页面中，您必须在代码顶部有一个指向每个页面的链接。但我遇到的问题是，我将通过传递导航参数转到每个页面。

现在，这就是我显示所有练习的方式，单击这些练习将转到具有所有日志记录功能的页面。

  <View style={styles.CenterContent}>
                        {exerciseHistories && exerciseHistories.map(exercise => (
                                    <StartedWorkoutCard onPress={() => this.onPress(exercise)}>
                                        <Text style={styles.HOneTitles} >{exercise.name}</Text>
                                        <Text style={styles.WorkoutSet} >{`${exercise.completedSets}/${exercise.sets} Sets Completed`}</Text>
                                    </StartedWorkoutCard>
                        ))}

如何将其与react-swipeable-views一起使用

Answer 1

为此，您可以使用react-native异步存储。Param你想使用react-swiplabe-views发送另一个屏幕，首先你必须使用set方法将参数存储到异步存储中，你可以在componentDidMount()或useEffect()中使用get方法获得这些数据。有关更多信息，请关注react-native异步存储的官方文档。

https://react-native-async-storage.github.io/async-storage/