Счастливое колесо для изображений - PullRequest
Новая
       34

Счастливое колесо для изображений

0 голосов
/ 02 июня 2019

Я хочу сделать горизонтальное изображение колеса. Когда нажата кнопка, вращается только 5 изображений, и одно из них будет выбрано через некоторое время.

Я пытался использовать некоторые библиотеки, и я делаю горизонтальное изображение, но не выгляжу так, как хочу. 

render() {
    return (
    <View style={{height: hp('80%'), width: wp('90%'), marginLeft: wp('4%'), borderWidth: 0.5, borderColor: '#dddddd'}}>
        <View style={{flex: 2}}>
            <Image
            source={this.props.imageUri}
            style={{flex:1, width: null, height: null, resizeMode: 'cover'}}
            />
        </View>
        <View style={{flex: 1, paddingLeft: 10, paddingTop: 10}}>
            <Text>{this.props.name}</Text>
        </View>
    </View>
    );
}

render() {
  return(
  <ScrollView
  scrollEventThrottle={16}
  >
    <View style={{height: hp('%90'), marginTop: hp('3%'), backgroundColor: 'red'}}>
      <ScrollView
        horizontal={true}
        showsHorizontalScrollIndicator={false}
        >
        <Wheel 
          imageUri={require('../img/1.jpg')}
          name="Home"
        />
        <Wheel 
          imageUri={require('../img/2.jpg')}
          name="Experiences"
        />
        <Wheel 
          imageUri={require('../img/3.jpg')}
          name="Discover The World"
        />
      </ScrollView>

    </View>


  </ScrollView>
);

Я хочу сделать так, Пожалуйста, посетите: https://camo.githubusercontent.com/7590ec7e6b705a6e8e381397247d576c6db72147/68747470733a2f2f692e696d6775722e636f6d2f653157625a63752e676966

но я не смог его использовать, в первую очередь, как это можно использовать (response-native-snap-carousel) и после того, как я могу сделать автоматический спиннер?

...