Flutter 在嵌套的ScrollView选项卡BarView中,AppWebView滚动条中的颤振不起作用
我是新加入Flitter的,我已经在TabBarView中添加了webview(inappwebview),但是当我尝试向下滚动网页时,它并没有向下滚动,下面我添加了我的代码和屏幕截图Flutter 在嵌套的ScrollView选项卡BarView中,AppWebView滚动条中的颤振不起作用,flutter,flutter-layout,flutter-web,flutter-inappwebview,Flutter,Flutter Layout,Flutter Web,Flutter Inappwebview,我是新加入Flitter的,我已经在TabBarView中添加了webview(inappwebview),但是当我尝试向下滚动网页时,它并没有向下滚动,下面我添加了我的代码和屏幕截图 import 'package:flutter/material.dart'; import 'package:flutter_inappwebview/flutter_inappwebview.dart'; void main() => runApp(MyApp()); class MyApp ext
import 'package:flutter/material.dart';
import 'package:flutter_inappwebview/flutter_inappwebview.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Welcome to Flutter',
home: Scaffold(
body: DefaultTabController(
length: 5,
child: Scaffold(
body: NestedScrollView(
headerSliverBuilder: (BuildContext context, bool innerBoxIsScrolled) {
return <Widget>[
new SliverAppBar(
title: Text('Tabs Demo'),
pinned: true,
floating: true,
bottom: TabBar(
isScrollable: true,
tabs: [
Tab(child: Text('Flight')),
Tab(child: Text('Train')),
Tab(child: Text('Car')),
Tab(child: Text('Cycle')),
Tab(child: Text('Boat')),
],
),
),
];
},
body: TabBarView(
children: <Widget>[
InAppWebView(initialUrlRequest: URLRequest(url: Uri.parse("https://flutter.dev/"))),
Icon(Icons.directions_transit, size: 350),
Icon(Icons.directions_car, size: 350),
Icon(Icons.directions_bike, size: 350),
Icon(Icons.directions_boat, size: 350),
],
),
)),
),
),
);
}
}
导入“包装:颤振/材料.省道”;
导入“包:flatter_inappwebview/flatter_inappwebview.dart”;
void main()=>runApp(MyApp());
类MyApp扩展了无状态小部件{
@凌驾
小部件构建(构建上下文){
返回材料PP(
标题:“欢迎来到弗利特”,
家:脚手架(
正文:DefaultTabController(
长度:5,
孩子:脚手架(
正文:嵌套滚动视图(
headerSliverBuilder:(BuildContext上下文,boolInnerBoxIsCrolled){
返回[
新滑杆(
标题:文本(“选项卡演示”),
对,,
浮动:是的,
底部:选项卡栏(
isScrollable:是的,
选项卡:[
选项卡(子项:文本(“航班”),
选项卡(子项:文本('Train')),
选项卡(子项:文本('Car')),
选项卡(子项:文本(“循环”),
选项卡(子项:文本(“船”),
],
),
),
];
},
正文:选项卡视图(
儿童:[
InAppWebView(initialUrlRequest:URLRequest(url:Uri.parse()https://flutter.dev/"))),
图标(图标、方向和交通,尺寸:350),
图标(Icons.directions\u car,尺寸:350),
Icon(Icons.directions_bike,尺寸:350),
图标(图标,方向,尺寸:350),
],
),
)),
),
),
);
}
}
截图:
尝试添加手势检测器,如下所示:
InAppWebView(
gestureRecognizers: Set()..add(Factory<VerticalDragGestureRecognizer>(() => VerticalDragGestureRecognizer())),
initialUrlRequest: URLRequest(url: Uri.parse("https://flutter.dev/"))),
InAppWebView(
手势识别器:Set()…添加(工厂(()=>VerticalDraggestureRecognitor()),
initialUrlRequest:URLRequest(url:Uri.parse(“https://flutter.dev/"))),
如果这不能解决您的问题,这就是您必须查看的地方,手势检测器。谢谢@Huthaifa Muayyad先生,现在webview滚动正在工作,但它又产生了两个新问题[1]。当webview向下滚动时,应用程序栏未隐藏[2]。我访问第二个选项卡,向下滚动导致appbar隐藏,然后来到webview选项卡(假设appbar已经隐藏/滚动),然后webview html的一部分不可见,无法向上滚动到隐藏的部分,我已附加图像供参考,欢迎使用。请考虑打开一个新的帖子,包含新问题的细节,并将其标记为已解决。所以每个帖子都有一个具体的问题和具体的解决方案,谢谢!