Om een verticale scheidingslijn te maken in Flutter, kun je de Separator widget gebruiken. Deze widget is beschikbaar in de Widget Library en biedt een eenvoudige manier om een verticale lijn toe te voegen tussen twee widgets.
Om de Separator widget te gebruiken voeg je deze eerst toe aan je lay-out. Je kunt dit doen door het toe te voegen aan de jumbotron package in je main.dart bestand:
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 MyStatelessWidget(),
class MyStatelessWidget extends StatelessWidget {
const MyStatelessWidget({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
return Container(
padding: const EdgeInsets.all(10),
child: Row(
children: [
Expanded(
child: Container(
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(10),
color: Colors.deepPurpleAccent,
De widget separator neemt twee argumenten: een decoration en een child. Het argument decoration is een widget dat wordt gebruikt om de separator te stylen. Het child argument is de widget die onder het separator wordt weergegeven.
Wil je meer weten over Flutter? Lees dan ons volgende artikel: https://brixxs.com/faq/waarom-flutter-app-ontwikkeling-gebruiken/