Breaking News: Grepper is joining You.com. Read the official announcement!

react-native carousel

Khuzaima Amir answered on July 1, 2022 Popularity 10/10 Helpfulness 1/10

answer react-native carousel

related react native carousel

react-native carousel

Comment

<Carousel layout={'stack'} layoutCardOffset={`18`} />

Popularity 10/10 Helpfulness 1/10 Language whatever

Source: www.npmjs.com

Tags: carousel react-native whatever

Link to this answer
Share Copy Link

Contributed on Jul 01 2022

Khuzaima Amir

0 Answers Avg Quality 2/10

Closely Related Answers

react native carousel

Comments(1)

import * as React from 'react';
import { Dimensions, Text, View } from 'react-native';
import Carousel from 'react-native-reanimated-carousel';

function Index() {
    const width = Dimensions.get('window').width;
    return (
        <View style={{ flex: 1 }}>
            <Carousel
                loop
                width={width}
                height={width / 2}
                autoPlay={true}
                data={[...new Array(6).keys()]}
                scrollAnimationDuration={1000}
                onSnapToItem={(index) => console.log('current index:', index)}
                renderItem={({ index }) => (
                    <View
                        style={{
                            flex: 1,
                            borderWidth: 1,
                            justifyContent: 'center',
                        }}
                    >
                        <Text style={{ textAlign: 'center', fontSize: 30 }}>
                            {index}
                        </Text>
                    </View>
                )}
            />
        </View>
    );
}

export default Index;

Popularity 10/10 Helpfulness 3/10 Language javascript

Source: www.npmjs.com

Tags: carousel carouse

Link to this answer
Share Copy Link

Contributed on Sep 24 2023

Nana Akwasi

0 Answers Avg Quality 2/10

react-native carousel

Contents

More Related Answers

react-native carousel

Closely Related Answers

react native carousel

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.