1.0.0 • Published 5 years ago

react-native-rtl-slider v1.0.0

Weekly downloads
3
License
MIT
Repository
-
Last release
5 years ago

react-native-rtl-slider

Getting started

$ npm install react-native-rtl-slider

OR

$ yarn add react-native-rtl-slider

Usage

import RtlSlider from "react-native-rtl-slider";

export default class App extends Component {
  render() {
    return (
      <View style={styles.container}>
        <View
          style={{
            height: 100,
            width: 100,
            justifyContent: "center",
            alignItems: "center"
          }}
        >
          <Slider
            AIVisibleArea={16}
            data={[1, 2, 3, 4, 5, 6]}
            renderItem={() => (
              <View
                style={{ flex: 1, backgroundColor: "red", borderRadius: 10 }}
              />
            )}
            rtl
            style={{ width: SCREEN.width, height: 100 }}
            itemCount={2}
            paginationCount={2}
            separatorWidth={8}
          />
        </View>
      </View>
    );
  }
}

props

propdescexamplerequired
stylecomponent general style{height:200}NO
dataarray of slides data{title:'myTitle'},{title:'yourTitle'}YES
renderItemsliderItem returner function()=>YES
rtlright to left identifier(Boolean)trueNO
AIVisibleAreaadjust item visible area (number)16NO
itemCountamount of views getting shown by each scroll2NO
paginationCountamount of views getting passed by each scroll2NO
separatorWidthspace between items8NO
titletitle text of sliderstringNO
textTitleStylestyle of title text of slider{}NO