Блог

Текущее поведение: на одном экране отображается только один слайд / представление.

Я хочу что-то вроде этого

Как этого можно достичь? Я использую этот пакет. https://www.npmjs.com/package/@react-native-community/viewpager

Вот пример.

 const MyPager = () => {
  return (
    
    <ViewPager style={styles.viewPager} initialPage={0} pageMargin={0} collapsable={false}>
      <View key="1" style={styles.pageS}>
        <Text>First page</Text>
      </View>
      <View key="2" style={styles.pageS}>
        <Text>Second page</Text>
      </View>
      <View key="3" style={styles.pageS}>
        <Text>Third page</Text>
      </View>
    </ViewPager>
    
  );
};



const styles = StyleSheet.create({
  viewPager: {
    backgroundColor: "grey",
    marginTop:100,
    height:400,
  },
  pageS:{
    marginHorizontal:10,
    borderWidth:1,
  },
});