Flutter开发日记

1.通过MediaQuery.removePadding可以移除元素的pandding，需要注意要指定移除哪个方向的padding，例如移除上面的padding

MediaQuery.removePadding(
            removeTop: true,
            context: context,
            child: ,
)

2.获取状态栏高度

import 'dart:ui';
MediaQueryData.fromWindow(window).padding.top

同时我们也可以在flutter/src/material/constants.dart中查看flutter自带的AppBar的默认参数

/// The height of the toolbar component of the [AppBar].
const double kToolbarHeight = 56.0;

/// The height of the bottom navigation bar.
const double kBottomNavigationBarHeight = 56.0;

3.引入官方webview_flutter: ^0.3.7+1 ，提示错误需要使用AndroidX

'         *********************************************************'
'         WARNING: This version of ' + PLUGIN + ' will break your Android build if it or its dependencies aren\'t compatible with AndroidX.'
'         See https://goo.gl/CP92wY for more information on the problem and how to fix it.'
'         This warning prints for all Android build failures. The real root cause of the error may be unrelated.'
'         *********************************************************'

解决方法：
打开flutter的android宿主项目点击Refactor-Migrate to AndroidX

image.png

接下来再弹出的窗口点击Do Refactor 让Android Studio自动将项目转化为AndroidX依赖

image.png
转化完毕后可以clean Project看看还有其他错误没，没有错误后回到Flutter项目运行即可