当 CarouselSlider.builder 滑动时，如何更改 CarouselSlider.builder 下的数据

Question

enter image description here

how can i change the data that is under the slider when the slider is sliding

I've tried but got lost

Answer 1

You can check the value of slider and change the widgets like the following

import 'package:flutter/material.dart';

void main() => runApp(const MyApp());

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  static const String _title = 'Flutter Code Sample';

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: _title,
      home: Scaffold(
        appBar: AppBar(title: const Text(_title)),
        body: const MyStatefulWidget(),
      ),
    );
  }
}

class MyStatefulWidget extends StatefulWidget {
  const MyStatefulWidget({Key? key}) : super(key: key);

  @override
  State<MyStatefulWidget> createState() => _MyStatefulWidgetState();
}

class _MyStatefulWidgetState extends State<MyStatefulWidget> {
  double _currentSliderValue = 20;

  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        Slider(
          value: _currentSliderValue,
          max: 100,
          divisions: 5,
          label: _currentSliderValue.round().toString(),
          onChanged: (double value) {
            setState(() {
              _currentSliderValue = value;
            });
          },
        ),
        (_currentSliderValue > 50)?
        Container(height:50, width: 100, color:Colors.red): 
        Container(height:50, width:100, color:Colors.green),
      ],
    );
  }
}

EDIT

in a carousel slider you have a method onChanged from where you get the index

CarouselSlider(
   items: imageSliders,
   carouselController: _controller,
    options: CarouselOptions(
    autoPlay: true,
    enlargeCenterPage: true,
    aspectRatio: 2.0,
    onPageChanged: (index, reason) {
    setState(() {
      _current = index;//<----here
    });
  }),
),

based on the _current's value you can change widgets below it