Flutter : Comment ajouter un indicateur de défilement dans un ListView ?

Question

Existe-t-il un moyen d'afficher l'indicateur de défilement sur l'écran d'accueil de l'ordinateur ? ListView ?

Voici mon code de base :

ListView.builder(
  itemCount: 50,
  itemBuilder: (context, index) => ListTile(title: Text("Item= ${index + 1}"),),
)

Answer 1

Merci à Günter Zöchbauer .

Vous pouvez envelopper votre ListView en Scrollbar

Scrollbar(
    child: ListView.builder(
      itemCount: 50,
      itemBuilder: (context, index) => ListTile(title: Text("Item= ${index + 1}"),),),
)

Answer 2

Je pense qu'il est préférable d'utiliser CupertinoScrollbar au lieu de Scrollbar . CupertinoScrollbar on peut toucher et faire défiler jusqu'en bas

Ex :

 CupertinoScrollbar(
            child: ListView.builder(...),

Ou

Scrollbar(
    child: ListView.builder(...),

Answer 3

Vous pouvez mettre en œuvre cette designer bibliothèque de la barre de défilement :

1. barre de défilement draggable

2. défilement de l'alphabet

O

Vous pouvez envelopper le ListView dans Scrollbar widget

Scrollbar(
    child: ListView.builder(...),
)

Answer 4

Dans ce code : Un exemple de la façon d'afficher dans ListView

child: Scrollbar( 
   child: ListView.builder(
   padding: EdgeInsets.all(5),
   itemCount: snapshot.data.length,
    physics: BouncingScrollPhysics(),
    itemBuilder: (context, index) {
      return generateColum(snapshot.data[index], index);
    }),
 ),

Answer 5

Créer une variable ScrollController (ScrollController _scrollController); Instaurez _scrollController à l'intérieur de initState() ou où vous voulez, _scrollController = ScrollController();
Ajouter _scrollController variable à l'intérieur Scrollbar y ListView propriétés,

controller:_scrollController

Voici le code :

ScrollController _scrollController;
  @override
  void initState() {
    super.initState();
    _scrollController = ScrollController();
  }
Scrollbar(
        isAlwaysShown: true,
         controller: _scrollController,
         child: ListView(
         controller: _scrollController,
   )

Si vous ne voulez pas qu'il soit toujours affiché, mettez-le à false.

isAlwaysShown: false,