popeyelau / wiki

📒Wiki for many useful notes, source, commands and snippets.

3 stars 0 forks source link

Flutter 一些坑 #34

Open popeyelau opened 3 years ago

popeyelau commented 3 years ago

WebView 相关

iOS 禁用 H5页面视频全屏 https://github.com/flutter/plugins/pull/3334 https://github.com/flutter/flutter/issues/25630
使用 Safari 替换脚本文件找到对应的脚本文件，右键 - 创建本地覆盖

Android 允许混合模式

if (Build.VERSION.SDK_INT > Build.VERSION_CODES.LOLLIPOP) {
   webView.getSettings().setMixedContentMode(WebSettings.MIXED_CONTENT_ALWAYS_ALLOW);
}
webView.getSettings().setBlockNetworkImage(false);

iOS 允许混合模式 (info.plist)

<key>NSAppTransportSecurity</key>
<dict>
<key>NSAllowsArbitraryLoads</key>
<true/>
<key>NSAllowsArbitraryLoadsInWebContent</key>
<true/>
</dict>

popeyelau commented 3 years ago

Stack 中子组件超出边界，不响应事件

Stack(
      overflow: Overflow.visible, //超出边界显示
      children: [
        //...
        Positioned(
            right: -20,
            bottom: -20,
            child: GestureDetector(
              onTap: () {
                //如果点击区域在超出边界范围内，是不会响应事件的
              },
            )),
      ],
    );

https://github.com/flutter/flutter/issues/19445 https://stackoverflow.com/questions/62258640/flutter-overflowed-positioned-button-is-not-clickable

popeyelau commented 3 years ago

CustomScrollView/Column/ Stack 中会有大约 1px 的间隔闪烁（没有好的解决方案)

临时解决方案向上偏移 1px Transform.translate(offset: Offset(0, -1), child: <some widget>);

https://github.com/flutter/flutter/issues/14288 https://github.com/flutter/flutter/issues/37578

popeyelau commented 3 years ago

忽略父组件 padding

 Container(
  padding: EdgeInsets.all(16.0),
  child: Column(
    children: [
      Container(color: randomColor, height: rowHeight),
      Container(color: randomColor, height: rowHeight),
      Container(
        height: rowHeight,
        child: OverflowBox(  //OverflowBox
          minWidth: screenWidth,
          minHeight: rowHeight,
          maxHeight: rowHeight,
          maxWidth: screenWidth,
          child: Container(
            color: Colors.indigo,
            child: Center(child: Text("Hello World")),
          ),
        ),
      ),
      Container(color: randomColor, height: rowHeight),
    ],
  ))

popeyelau commented 3 years ago

webview_flutter iOS 视频默认全屏 https://github.com/flutter/flutter/issues/25630

popeyelau commented 3 years ago

虚线边框 https://github.com/flutter/flutter/issues/4858#issuecomment-472716207