Flutter：Flutter web 容器内的滚动条

Question

我想在 Flutter web 中的固定大小的容器中添加一个滚动条，如下图 link 所示。任何人都可以给我建议吗？我被困在这里。我已经尝试使用 Flutter_web_scrollbar 的单子滚动视图，但它不起作用。这是代码。

Container(
                width: 300,
                child: SingleChildScrollView(
                  scrollDirection: Axis.vertical,
                  controller: _bcontroller,
                  child: Column(
                    children: [
                      Container(
                        width: 300,
                        child: Row(
                          children: [
                            Text(
                              '${eventList.length > 0 ? i['ShipName'] : ''}',
                            
                            ),
                          ],
                        ),
                      ),
                      Container(
                        width: 300,
                        child: Row(
                          children: [
                            Text(
                              '${eventList.length > 0 ? i[getEventDesc()].toString() : ''}',
                            ),
                          ],
                        ),
                      ),
                      SizedBox(
                        height: 10,
                      ),
                    ],
                  ),
                ),
              )

Example

Answer 1

用 Scrollbar Widget 包装 SingleChildScrollView。

import 'package:flutter/material.dart';

final Color darkBlue = Color.fromARGB(255, 18, 32, 47);

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      theme: ThemeData.dark().copyWith(scaffoldBackgroundColor: darkBlue),
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        body: Center(
          child: MyWidget(),
        ),
      ),
    );
  }
}

class MyWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container(
            width: 300,
      height: 200,
    child: Scrollbar(
             child: SingleChildScrollView(
              scrollDirection: Axis.vertical,
              child: Column(
                children: [
                  Container(
                    width: 300,
                    height: 100,
                    child: Row(
                      children: [
                        Text(
                          'your variable',
                        
                        ),
                      ],
                    ),
                  ),
                  Container(
                    width: 300,
                    height: 100,
                    child: Row(
                      children: [
                        Text(
                          'your variable',
                        ),
                      ],
                    ),
                  ),
                  SizedBox(
                    height: 10,
                  ),
                ],
              ),),
            ),
          );
  }
}