Om een rij scrollbaar te maken in Flutter, moet je de Scrollbar widget toevoegen. De Scrollbar widget wordt gebruikt om een visuele indicatie te geven van hoeveel inhoud wordt gescrold binnen een bepaalde weergave. Het stelt gebruikers ook in staat om de thumb of de padding te slepen om door de inhoud te scrollen.
Om de Scrollbar widget toe te voegen, open je het pubspec.yaml bestand van je project en voeg je de volgende regel toe:
scrollbar: ^0.13.0
Na het toevoegen van deze regel, voer je een update uit in Flutter. Dit zal ervoor zorgen dat je project de allerlaatste afhankelijkheden heeft geïnstalleerd.
Nu moet je het main format file van je app openen (meestal genaamd _main.dart ) en voeg je de volgende code toe:
import ‘package:scrollbar/scrollbar.dart’;
void main() {
Widget row= new row(
Scrollbar scrollBar = new Scrollbar(height: 50.0, child: row);
In de bovenstaande code importeren we de Scrollbar widget en maken we er een nieuwe macht van. We specificeren ook de hoogte van de schuifbalk (in pixels). Tenslotte voegen we de schuifbalk toe aan onze row-widget. Als je nu je app opstart, zou je een schuifbalk moeten zien verschijnen aan de onderkant van het scherm. Je kunt deze gebruiken om door de inhoud van die rij te scrollen.
Als je de schuifbalk aan de linkerkant wilt plaatsen van de rij, kan je de volgende code gebruiken:
scrollBar: ^0.13.0
scrollBar: left
Na het toevoegen van deze regel, voer je een update uit in Flutter en dan zou je app nu een scrollbar aan de linkerkant van het scherm moeten hebben.
Hoe verberg je de scrollbar in Flutter?
Als je de scrollbar in Flutter wilt verbergen, kun je de volgende code gebruiken:
scrollBar: hidden
Na het toevoegen van deze regel, voer je weer een update uit in Flutter en dan zou je app nu een verborgen scrollbar moeten hebben.
Wil je meer weten over Flutter? Lees dan ons volgende artikel: https://brixxs.com/faq/waarom-flutter-app-ontwikkeling-gebruiken/