Question

我想制作水平图像轮。当按下按钮时，只有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

但是我无法使用它，首先如何使用它（react-native-snap-carousel），然后如何制作自动微调器？

幸运轮图像

0 个答案: