浏览器顶部栏不滚动内容

时间:2020-09-11 12:05:34

标签: flutter flutter-web

在移动设备上通过浏览器(在此示例中为Chrome)(在本示例中为Chrome)显示浮动应用时,浏览器的应用栏不会在屏幕上滚动页面被滚动。有没有办法实现滚动?

此问题仅与Flutter Web有关

演示

以下是Flutter演示应用程序与Google上的简单搜索结果页之间的比较。您可以在第一个示例中看到应用栏不会移动,但在搜索结果页面上会移动。
enter image description here

代码

import 'package:flutter/material.dart';

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

final List<ListTile> _list = List.generate(50, (index) {
  return ListTile(
    title: Text('Hello World $index'),
  );
});

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Test',
      theme: ThemeData(
        primarySwatch: Colors.blue,
        visualDensity: VisualDensity.adaptivePlatformDensity,
      ),
      home: Material(
        child: ListView(
          children: _list,
        ),
      ),
    );
  }
}

0 个答案:

没有答案