Flutter 我的飞镖代码有问题吗'；本地html未显示在UI'；

我正在用这个库（）作为抽屉。 我想在home（Container）小部件中显示本地html内容，我已经学习了这个Webview教程（）

但对我来说什么都不管用！ 提前谢谢

主飞镖

import 'dart:convert';
import 'package:delivery/circular_image.dart';
import 'package:delivery/menu_page.dart';
import 'package:flutter/material.dart';
import 'package:delivery/zoom_scaffold.dart';
import 'package:flutter/services.dart';
import 'package:provider/provider.dart';
import 'package:webview_flutter/webview_flutter.dart';

void main() => runApp(new MyApp());
String filePath = '/assests/files/abc1.html';
WebViewController _webViewController;
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {

    return new MaterialApp(

      title: 'Zoom Menu',
      theme: new ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: new MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() => new _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> with TickerProviderStateMixin {
  MenuController menuController;

  @override
  void initState() {
    super.initState();

    menuController = new MenuController(
      vsync: this,
    )..addListener(() => setState(() {}));
  }

  @override
  void dispose() {
    menuController.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return ChangeNotifierProvider(
      builder: (context) => menuController,
      child: ZoomScaffold(
        menuScreen: MenuScreen(),
        contentScreen: Layout(

            contentBuilder: (cc) => Container(
                  color: Colors.grey[600],
                    child: WebView(
                      initialUrl: filePath,
                      javascriptMode: JavascriptMode.unrestricted,
                      onWebViewCreated: (WebViewController webViewController) {
                        _webViewController = webViewController;
                        _loadHtmlFromAssets();
                      },
                    ),

                )),
      ),
    );
  }
  _loadHtmlFromAssets() async {
    String fileHtmlContents = await rootBundle.loadString(filePath);
    _webViewController.loadUrl(Uri.dataFromString(fileHtmlContents,
        mimeType: 'text/html', encoding: Encoding.getByName('utf-8'))
        .toString());
  }
}



pubspec.taml

name: delivery
description: A new Flutter project.
version: 1.0.0+1

environment:
  sdk: ">=2.0.0-dev.68.0 <3.0.0"

dependencies:
  webview_flutter: ^0.3.14+1
  flutter:
    sdk: flutter

  # The following adds the Cupertino Icons font to your application.
  # Use with the CupertinoIcons class for iOS style icons.
  cupertino_icons: ^0.1.2
  provider: ^2.0.0
dev_dependencies:
  flutter_test:
    sdk: flutter


# The following section is specific to Flutter.
flutter:

  uses-material-design: true

  # To add assets to your application, add an assets section, like this:
  assets:
    - assests/files/
    - assests/files/abc1.html

导入'dart:convert'；
导入“包装：交付/圆形_图像.dart”；
导入“包装：配送/菜单页面.省道”；
进口“包装：颤振/材料.省道”；
导入“包装：交付/缩放脚手架.省道”；
导入“包：flifter/services.dart”；
导入“包：provider/provider.dart”；
导入“package:webview_flatter/webview_flatter.dart”；
void main（）=>runApp（新的MyApp（））；
字符串filePath='/assests/files/abc1.html'；
WebViewController _WebViewController；
类MyApp扩展了无状态小部件{
@凌驾
小部件构建（构建上下文）{
返回新材料PP(
标题：“缩放菜单”，
主题：新主题数据(
主样本：颜色。蓝色，
),
主页：新建MyHomePage（），
);
}
}
类MyHomePage扩展StatefulWidget{
@凌驾
_MyHomePageState createState（）=>new_MyHomePageState（）；
}
类_MyHomePageState使用TickerProviderStateMixin扩展状态{
菜单控制器菜单控制器；
@凌驾
void initState（）{
super.initState（）；
menuController=新的menuController(
vsync:这个,，
)..addListener（（）=>setState（（）{}））；
}
@凌驾
无效处置（）{
menuController.dispose（）；
super.dispose（）；
}
@凌驾
小部件构建（构建上下文）{
返回ChangeNotifierProvider(
生成器：（上下文）=>menuController，
孩子：ZoomScaffold(
menuScreen:menuScreen（），
内容屏幕：布局(
contentBuilder：（cc）=>容器(
颜色：颜色。灰色[600]，
孩子：网络视图(
initialUrl:filePath，
javascriptMode:javascriptMode.unrestricted，
onWebViewCreated:（WebViewController WebViewController）{
_webViewController=webViewController；
_加载HtmlFromAssets（）；
},
),
)),
),
);
}
_loadHtmlFromAssets（）异步{
String fileHtmlContents=await rootBundle.loadString（文件路径）；
_webViewController.loadUrl（Uri.dataFromString（FileHtmlContent，
mimeType:'text/html'，编码：encoding.getByName（'utf-8'））
.toString（））；
}
}
公共图书馆
姓名：送货
描述：一个新的颤振项目。
版本：1.0.0+1
环境：
sdk:“>=2.0.0-dev.68.0我认为您给出的资产路径是错误的

从更改资产路径

String filePath = '/assests/files/abc1.html';

到

步骤1将/assets/files/abc1.html更改为assets/files/abc1.html，删除第一个/

步骤2初始URL:“”

完整代码

import 'dart:convert';
import 'package:delivery/circular_image.dart';
import 'package:delivery/menu_page.dart';
import 'package:flutter/material.dart';
import 'package:delivery/zoom_scaffold.dart';
import 'package:flutter/services.dart';
import 'package:provider/provider.dart';
import 'package:webview_flutter/webview_flutter.dart';

void main() => runApp(new MyApp());
String filePath = 'assets/sample.html';
WebViewController _webViewController;
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {

    return new MaterialApp(

      title: 'Zoom Menu',
      theme: new ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: new MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() => new _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> with TickerProviderStateMixin {
  MenuController menuController;

  @override
  void initState() {
    super.initState();

    menuController = new MenuController(
      vsync: this,
    )..addListener(() => setState(() {}));
  }

  @override
  void dispose() {
    menuController.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return ChangeNotifierProvider(
      builder: (context) => menuController,
      child: ZoomScaffold(
        menuScreen: MenuScreen(),
        contentScreen: Layout(

            contentBuilder: (cc) => Container(
              color: Colors.grey[600],
              child: WebView(
                initialUrl: '',
                javascriptMode: JavascriptMode.unrestricted,
                onWebViewCreated: (WebViewController webViewController) {
                  _webViewController = webViewController;
                  _loadHtmlFromAssets();
                },
              ),

            )),
      ),
    );
  }
  _loadHtmlFromAssets() async {
    String fileHtmlContents = await rootBundle.loadString(filePath);
    _webViewController.loadUrl(Uri.dataFromString(fileHtmlContents,
        mimeType: 'text/html', encoding: Encoding.getByName('utf-8'))
        .toString());
  }
}

导入'dart:convert'；
导入“包装：交付/圆形_图像.dart”；
导入“包装：配送/菜单页面.省道”；
进口“包装：颤振/材料.省道”；
导入“包装：交付/缩放脚手架.省道”；
导入“包：flifter/services.dart”；
导入“包：provider/provider.dart”；
导入“package:webview_flatter/webview_flatter.dart”；
void main（）=>runApp（新的MyApp（））；
字符串filePath='assets/sample.html'；
WebViewController _WebViewController；
类MyApp扩展了无状态小部件{
@凌驾
小部件构建（构建上下文）{
返回新材料PP(
标题：“缩放菜单”，
主题：新主题数据(
主样本：颜色。蓝色，
),
主页：新建MyHomePage（），
);
}
}
类MyHomePage扩展StatefulWidget{
@凌驾
_MyHomePageState createState（）=>new_MyHomePageState（）；
}
类_MyHomePageState使用TickerProviderStateMixin扩展状态{
菜单控制器菜单控制器；
@凌驾
void initState（）{
super.initState（）；
menuController=新的menuController(
vsync:这个,，
)..addListener（（）=>setState（（）{}））；
}
@凌驾
无效处置（）{
menuController.dispose（）；
super.dispose（）；
}
@凌驾
小部件构建（构建上下文）{
返回ChangeNotifierProvider(
生成器：（上下文）=>menuController，
孩子：ZoomScaffold(
menuScreen:menuScreen（），
内容屏幕：布局(
contentBuilder：（cc）=>容器(
颜色：颜色。灰色[600]，
孩子：网络视图(
初始URL:“”，
javascriptMode:javascriptMode.unrestricted，
onWebViewCreated:（WebViewController WebViewController）{
_webViewController=webViewController；
_加载HtmlFromAssets（）；
},
),
)),
),
);
}
_loadHtmlFromAssets（）异步{
String fileHtmlContents=await rootBundle.loadString（文件路径）；
_webViewController.loadUrl（Uri.dataFromString（FileHtmlContent，
mimeType:'text/html'，编码：encoding.getByName（'utf-8'））
.toString（））；
}
}

工作演示

谢谢你的指点..但我刚才做的两个位置都拼错了…我想还有其他问题，谢谢你，非常感谢你这么大的努力！！@chunhunghan。我的ide中发生了一些奇怪的事情有些时候Flitter通过热重新加载获得了作品，下次它就变成空白了。。。。。
import 'dart:convert';
import 'package:delivery/circular_image.dart';
import 'package:delivery/menu_page.dart';
import 'package:flutter/material.dart';
import 'package:delivery/zoom_scaffold.dart';
import 'package:flutter/services.dart';
import 'package:provider/provider.dart';
import 'package:webview_flutter/webview_flutter.dart';

void main() => runApp(new MyApp());
String filePath = 'assets/sample.html';
WebViewController _webViewController;
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {

    return new MaterialApp(

      title: 'Zoom Menu',
      theme: new ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: new MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() => new _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> with TickerProviderStateMixin {
  MenuController menuController;

  @override
  void initState() {
    super.initState();

    menuController = new MenuController(
      vsync: this,
    )..addListener(() => setState(() {}));
  }

  @override
  void dispose() {
    menuController.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return ChangeNotifierProvider(
      builder: (context) => menuController,
      child: ZoomScaffold(
        menuScreen: MenuScreen(),
        contentScreen: Layout(

            contentBuilder: (cc) => Container(
              color: Colors.grey[600],
              child: WebView(
                initialUrl: '',
                javascriptMode: JavascriptMode.unrestricted,
                onWebViewCreated: (WebViewController webViewController) {
                  _webViewController = webViewController;
                  _loadHtmlFromAssets();
                },
              ),

            )),
      ),
    );
  }
  _loadHtmlFromAssets() async {
    String fileHtmlContents = await rootBundle.loadString(filePath);
    _webViewController.loadUrl(Uri.dataFromString(fileHtmlContents,
        mimeType: 'text/html', encoding: Encoding.getByName('utf-8'))
        .toString());
  }
}