Flutter slide with inner arrows

Question

How can I achieve such behavior in Flutter? any widget or plugins example?

See this gif

I tried carousels plugins and viewPagers widgets but couldn't make it work.

here is the sample code I started with.

CarouselSlider(
   items: [
        Container(child: Text("Complimentary"), width: double.infinity),
        Container(child: Text("Complimentary"), width: double.infinity),
        Container(child: Text("Complimentary"), width: double.infinity),
        Container(child: Text("Complimentary"), width: double.infinity),
        Container(child: Text("Complimentary"), width: double.infinity),
   ],
   options: CarouselOptions(
        height: 39 * resizeFactor,
        autoPlay: false,
        enlargeCenterPage: true,
        autoPlayInterval: Duration(seconds: 10),
   ),
),

Answer 1

I made it work by using both Swiper and Row of arrows, with the following code:

      Stack(
        children: [
          Container(
            height: 39 * resizeFactor,
            child: Swiper(
              itemCount: 4,
              itemBuilder: (context, index) => getIndexWidget(index), // -> Text widget.
              viewportFraction: 0.4,
              onIndexChanged: (value) {
                setState(() => carouselIndex = value);
              },
              loop: false,
              controller: swiperController,
            ),
          ),
          Container(
            padding: EdgeInsets.symmetric(horizontal: 30 * resizeFactor),
            height: 39 * resizeFactor,
            child: Row(
              mainAxisAlignment: MainAxisAlignment.spaceAround,
              children: [
                getIndicatorWidget(false),  // back arrow icon.
                getIndicatorWidget(true),   // forward arrow icon.
              ],
            ),
          ),
        ],
      ),

Thank you for your contributions.