Question

native-swiper`，以便呈现用户配置文件的滑动状态。目前，我设法渲染了滑动器，但它每次都使我成为数据的第一个元素，而不是单击的元素。这是代码：

export default data = [
   {
      id:1,
      name:"Anastasia",
      photo_path: "https://www.one-voyance.fr/media/cache/slider/images/voyants/anastasia/anastasia.jpg",
      age: "23",
      pratique: "Trans.",
      distance: "200m",
      connected: 1,
      description:"Anastasia, medium pure sans support.Mon don héréditaire me vient de mes grands parents. Prête à vous servir, je m’appuie de mes guides pour vous guider dans votre chemin de vie.Je suis compétente dans tous les domaines. La vie est faite de détours, en connaitre les recoins permet d’avancer sereinement sans se poser de questions. Je vous attends pour une voyance claire et de qualité.",
      //numero:"06 01 02 03 04"
      principale:"Principale",
      localisation:"Saint Germain en Laye (91)"
   },
   {
      id:2,
      name:"Angélique",
      photo_path:"https://www.one-voyance.fr/media/cache/slider/images/voyants/angelique/angelique.jpg",
      age: "28",
      pratique: "Homme",
      distance: "600m",
      connected: 1,
      description:"Je suis votre voyante Angélique, médium pure ainsi que shaman.N’hésitez pas à m’appeler. Je suis prête à vous dévoiler votre futur. Ma voyance est sans complaisance. Tous les détails sont évoqués et je parle de tous les domaines. Je m’appuie sur mes flash pour vous aider dans les hauts et les bas, vos déconvenues et vos heureux moments.Ma tâche est de vous indiquer la route à suivre, celle vers le succès en évitant les embûches de l'existence.",
      //numero:"06 66 55 88 99"
      principale:"Principale",
      localisation:"Saint Germain en Laye (91)"
   }
]

render () {
    return (
        <Swiper showsPagination={false}>
          {this.state.items.map((item, key) => {
            return (
                <ScrollView key={key} style = {styles.view_container}>
                    <View style={styles.photo}>
                      <ImageBackground source={{uri:item.photo_path}} style={{ width: '100%', height: '100%' }}>
                        <View style={styles.photo_content}>
                          <LinearGradient colors={['transparent', 'rgba(0,0,0,0.5)']} style={{ position: 'absolute', left: 0, right: 0, bottom: 0, height: 80 }} />
                          <View style={{ flexDirection: 'row', alignItems: 'center' }}>
                            <View>
                              <Text style={{ fontSize: 40, color:'white' }}>{item.age}</Text>
                            </View>
                            <View style={{ marginRight: 7, marginLeft: 7, backgroundColor: '#ffffff', width: 1, height: 39 }}></View>
                              <View style={{ flexDirection: 'column', flex:1 }}>
                                <View style={{ flexDirection: 'row' }}>
                                  <View style={[styles.bulle_presence, { backgroundColor: colorConnected } ]}></View>
                                  <Text style={{ fontSize: 18, fontWeight: '600', color:'white' }}>{item.name}</Text>
                                </View>
                                <View style={{ flexDirection: 'row', justifyContent: 'space-between'}}>
                                  <Text style={{ fontSize: 15, color:'white' }}>{item.distance}</Text>
                                  <Text style={{ fontSize: 15, color:'white'}}>{item.pratique}</Text>
                                </View>
                              </View>
                          </View>
                        </View>

               </ImageBackground>
</View>
</ScrollView>
</Swiper>

因此，这段代码使我不知所措，但每次都有数据的第一个ID时，它并没有让我获得我所单击的用户ID的同名物。

如何使用react-native-swiper

0 个答案: