Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/windows/14.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Flutter 在嵌套的ScrollView选项卡BarView中,AppWebView滚动条中的颤振不起作用_Flutter_Flutter Layout_Flutter Web_Flutter Inappwebview - Fatal编程技术网

Flutter 在嵌套的ScrollView选项卡BarView中,AppWebView滚动条中的颤振不起作用

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

我是新加入Flitter的,我已经在TabBarView中添加了webview(inappwebview),但是当我尝试向下滚动网页时,它并没有向下滚动,下面我添加了我的代码和屏幕截图

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的一部分不可见,无法向上滚动到隐藏的部分,我已附加图像供参考,欢迎使用。请考虑打开一个新的帖子,包含新问题的细节,并将其标记为已解决。所以每个帖子都有一个具体的问题和具体的解决方案,谢谢!