1.0.2 • Published 6 years ago

react-native-carousel-text v1.0.2

Weekly downloads
1
License
ISC
Repository
github
Last release
6 years ago

react-native-carousel-text

A React Native module for vertical scroll text Ads 垂直滚动的文字组件(滚动广告)

img

Setup Install the package:

npm install react-native-carousel-text

Usage example

import ScrollVertical from '../components/ScrollVertical';

                       <ScrollVertical
                         onChange={((index) => {
                           this.index = index;
                         })}
                         enableAnimation
                         delay={2000}
                         duration={500}
                         scrollHeight={45}
                       >
                         <TouchableOpacity
                           style={[
                             {
                               justifyContent: 'center',
                               height: 45,
                               alignItems: 'flex-start',
                               marginLeft: 15,
                             }]} onPress={() => Alert.alert('11')}
                         >
                           <Text style={{color: '#ff00ff'}}>广告1</Text>
                         </TouchableOpacity>
                         <TouchableOpacity
                           style={[
                             {
                               justifyContent: 'center',
                               height: 45,
                               alignItems: 'flex-start', marginLeft: 15,
                             }]}
                           onPress={() => Alert.alert('11')}
               
                         >
                           <Text>广告2</Text>
                         </TouchableOpacity>
                         <TouchableOpacity
                           style={[
                             {
                               justifyContent: 'center',
                               height: 45,
                               alignItems: 'flex-start', marginLeft: 15,
                             }]} onPress={() => Alert.alert('11')}
                         >
                           <Text>广告3</Text>
                         </TouchableOpacity>
                       </ScrollVertical>