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

slider in flutter

YOU.com answered on August 28, 2021 Popularity 9/10 Helpfulness 2/10

answer slider in flutter

slider in flutter

Comment

import 'package:flutter/material.dart';

class MySliderPage extends StatefulWidget {
  @override
  _MySliderPageState createState() => _MySliderPageState();
}

class _MySliderPageState extends State<MySliderPage> {
  double _sliderValue = 0;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Slider Example'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Text(
              'Slider Value: $_sliderValue',
              style: TextStyle(fontSize: 20),
            ),
            SizedBox(height: 20),
            Slider(
              value: _sliderValue,
              min: 0,
              max: 100,
              onChanged: (newValue) {
                setState(() {
                  _sliderValue = newValue;
                });
              },
            ),
          ],
        ),
      ),
    );
  }
}

Popularity 9/10 Helpfulness 2/10 Language dart

Source: Grepper

Link to this answer
Share Copy Link

Contributed on Sep 12 2023

YOU.com

0 Answers Avg Quality 2/10

Closely Related Answers

flutter slider

Comment

double _currentSliderValue = 30.0;
Slider(
            min: 0,
            max: 100,
            value: _currentSliderValue,
            onChanged: (value) {
              setState(() {
                _currentSliderValue = value;
              });
            },
          ),

Popularity 10/10 Helpfulness 4/10 Language dart

Source: api.flutter.dev

Tags: dart

Link to this answer
Share Copy Link

Contributed on Aug 28 2021

cmoulicms

0 Answers Avg Quality 2/10

carousel slider flutter

Comment

 CarouselSlider(
    items: list
            .map((item) => Container(
                  decoration: BoxDecoration(
                    image: DecorationImage(image: AssetImage(item.toString()),fit: BoxFit.cover)
                  ),
    
                )) .toList(),
    options: CarouselOptions(
      autoPlay: true,
      disableCenter: false,
    )) ,

Popularity 10/10 Helpfulness 4/10 Language whatever

Source: Grepper

Tags: carousel-slider

Link to this answer
Share Copy Link

Contributed on Jan 11 2022

Helpless Hummingbird

0 Answers Avg Quality 2/10

flutter image slider

Comment

carousel_slider: ^4.0.0

import 'package:carousel_slider/carousel_slider.dart';

  List imgList = [
    'https://picsum.photos/500/300?random=1',
    'https://picsum.photos/500/300?random=2',
    'https://picsum.photos/500/300?random=3',
    'https://picsum.photos/500/300?random=4',
    'https://picsum.photos/500/300?random=5',
  ];
  
  
  
  CarouselSlider.builder(
              itemCount: imgList.length,
              itemBuilder: (context, index, realIndex) {
                print(index);
                return Container(
                  // height: 200,
                  child: Image.network(imgList[index]),
                );
              },
              options: CarouselOptions(
                enlargeCenterPage: true,
                autoPlay: true,
              ),
            ),

Popularity 10/10 Helpfulness 3/10 Language whatever

Source: Grepper

Tags: whatever whateve

Link to this answer
Share Copy Link

Contributed on Jan 08 2022

CodePadding

0 Answers Avg Quality 2/10

slider in flutter

Contents

More Related Answers

slider in flutter

Closely Related Answers

flutter slider

carousel slider flutter

flutter image slider

Grepper

Documentation

Social

Legal

Contact

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